Phase 7a: Uebersicht, Fahrzeugstatus und Mein Audi

Erste drei Screens auf der fertigen Datenschicht. Uebersicht mit Fahrzeugbild,
Sicherungsstatus, Reichweite und Tankfuellstand, Kilometerstand samt
Service-Faelligkeit und Vorschau auf letzte Fahrt und Tankung. Fahrzeugstatus
zeigt die 16 Einzelpruefungen, wobei ein unbekannter Sensor als hohler Ring
erscheint statt als gruen geratener Punkt - dieselbe Vorsicht, die schon das
Backend walten laesst. Mein Audi buendelt Fotogalerie und Wege zu den
Unterseiten.

Dazu die geteilte Rechenlogik der Statistik portiert (Zeitraeume,
Langzeitverbrauch mit Plausibilitaetsfenster, Gruppierung nach Jahr und
Monat) und Formatierung im deutschen Format.

Bild-Komponente kapselt eine Reibung zwischen App und Bibliothek: die App
laeuft mit exactOptionalPropertyTypes, ein undefined an einem optionalen Prop
waere sonst an jeder Aufrufstelle einzeln zu behandeln.

companion-app/src/App.tsx

@@ -8,6 +8,7 @@ import { useTabBeschriftung, useTheme } from "./theme"
 import { Einrichtung } from "./screens/Einrichtung"
 import { Hinweisleiste } from "./screens/Hinweisleiste"
 import { SeiteFuer } from "./screens/register"
+import { zugangMerken } from "./screens/zugang"
 
 import "./stile/rahmen.css"
 import "./stile/screens.css"
@@ -28,7 +29,11 @@ export function App() {
   const api = useMemo(() => new DataMetricApi(), [])
 
   useEffect(() => {
-    void zugangLesen().then((zugang) => setzeStart(zugang ? "bereit" : "einrichten"))
+    void zugangLesen().then(async (zugang) => {
+      // Adresse für Bild-URLs merken, bevor der erste Screen rendert.
+      if (zugang) await zugangMerken()
+      setzeStart(zugang ? "bereit" : "einrichten")
+    })
   }, [])
 
   return (