Phase 7c: restliche Screens - alle 21 Seiten stehen

Fahrzeugdaten, Batterieverlauf, Service mit Werkstatt und Servicebuch,
Reifen, die ganze Versicherungs- und Steuergruppe, Einstellungen in voller
Tiefe und die Live-Ansicht.

Portiert dazu: die eigene Oelwechsel-Prognose (rechnet ab dem letzten
Wechsel im Servicebuch neu, weil der Langzeitschnitt dafuer zu traege ist),
Kalenderdateien fuer Termine und die CSV-Ausgabe im deutschen Format.

Die Live-Ansicht ist gebaut, aber ueber einen Schalter abgeschaltet: die
Werte dafuer liefert erst der FMM003. Ein Menuepunkt mit lauter Nullen waere
schlechter als keiner.

Zwei Stellen, an denen die App bewusst zurueckhaltend ist: ein unbekannter
Pruefpunkt erscheint als hohler Ring statt als geratenes Gruen, und der
Reifen-Kilometerstand wird nie zurueckgeschrieben, weil ihn der Server
fortschreibt.

49 Tests, darunter ein Rendertest ueber alle 21 Seiten in beiden Layouts
mit Beispieldaten in der Form, die das Backend wirklich liefert.

companion-app/src/screens/register.tsx

@@ -5,15 +5,28 @@
 
 import { useDaten } from "../daten/DatenKontext"
 import type { Route, SeitenName } from "../navigation"
+import { Batterie } from "./Batterie"
+import { Einstellungen } from "./Einstellungen"
 import { FahrtDetail } from "./FahrtDetail"
 import { Fahrten } from "./Fahrten"
+import { Fahrzeugdaten } from "./Fahrzeugdaten"
 import { Fahrzeugstatus } from "./Fahrzeugstatus"
+import { LiveFahrt } from "./LiveFahrt"
 import { MeinAudi } from "./MeinAudi"
-import { Platzhalter } from "./Platzhalter"
+import { Reifen } from "./Reifen"
+import { Service, Servicebuch, Werkstatt } from "./Service"
 import { Statistik } from "./Statistik"
 import { TankDetail } from "./TankDetail"
 import { Tanken } from "./Tanken"
 import { Uebersicht } from "./Uebersicht"
+import {
+  Beitrag,
+  Notruf,
+  Schutzbrief,
+  Steuer,
+  Versicherung,
+  Vertragsdetails,
+} from "./Versicherung"
 
 export interface SeitenProps {
   route: Route
@@ -40,7 +53,7 @@ export function SeiteFuer(props: SeitenProps) {
     return <div className="dm-laden">Daten werden geladen …</div>
   }
 
-  const { route, geheZu } = props
+  const { route, geheZu, tabBeschriftung, setzeTabBeschriftung, beiAbmeldung } = props
 
   switch (route.name) {
     case "home":
@@ -49,6 +62,30 @@ export function SeiteFuer(props: SeitenProps) {
       return <Fahrzeugstatus />
     case "audi":
       return <MeinAudi geheZu={geheZu} />
+    case "ident":
+      return <Fahrzeugdaten />
+    case "battverlauf":
+      return <Batterie />
+    case "service":
+      return <Service geheZu={geheZu} />
+    case "werkstatt":
+      return <Werkstatt />
+    case "sbuch":
+      return <Servicebuch />
+    case "reifen":
+      return <Reifen />
+    case "vers":
+      return <Versicherung geheZu={geheZu} />
+    case "beitrag":
+      return <Beitrag />
+    case "vertragsdetails":
+      return <Vertragsdetails geheZu={geheZu} />
+    case "schutz":
+      return <Schutzbrief />
+    case "notruf":
+      return <Notruf />
+    case "steuer":
+      return <Steuer />
     case "trips":
       return <Fahrten geheZu={geheZu} />
     case "trip":
@@ -59,7 +96,15 @@ export function SeiteFuer(props: SeitenProps) {
       return <TankDetail id={route.id} />
     case "stat":
       return <Statistik />
-    default:
-      return <Platzhalter route={route} geheZu={geheZu} />
+    case "live":
+      return <LiveFahrt />
+    case "einst":
+      return (
+        <Einstellungen
+          tabBeschriftung={tabBeschriftung}
+          setzeTabBeschriftung={setzeTabBeschriftung}
+          beiAbmeldung={beiAbmeldung}
+        />
+      )
   }
 }