Phase 5: App-Shell mit responsivem Layout, Navigation und Theme

Zwei Layouts aus derselben Zusammensetzung: unter 1000px Tab-Leiste unten,
darueber Seitenleiste links mit Brotkrume statt Zurueck-Pfeil. Navigation
ist wie im alten Panel ein flacher Zustand mit fester ZURUECK-Tabelle statt
eines Router-Pakets - die Verschachtelung ist hoechstens dreistufig.

Theme und Tab-Beschriftung ueberleben einen Neustart (localStorage,
abgesichert fuer den Privatmodus), Startwert folgt der Systemeinstellung.
Symbole aus dem alten Panel uebernommen, damit App und Panel gleich aussehen.

Neun Rendertests belegen die Abnahmekriterien: Layoutwechsel in beide
Richtungen, Zurueck-Ziel ueber die Tabelle, Zahnrad statt Tab-Leiste fuer
die Einstellungen, Theme-Persistenz.

companion-app/src/screens/Platzhalter.tsx

@@ -0,0 +1,50 @@
+/**
+ * Vorläufiger Inhalt aller Seiten — wird in Phase 7 des Umsetzungsplans Seite
+ * für Seite durch die echten Ansichten ersetzt. Bis dahin belegt er die
+ * Navigation, damit sich der Rahmen bedienen lässt.
+ */
+
+import { Tile } from "@audi-dash/ui"
+
+import type { Route, SeitenName } from "../navigation"
+import { TITEL } from "../navigation"
+
+const UNTERSEITEN: Partial<Record<SeitenName, SeitenName[]>> = {
+  home: ["sicherheit", "einst"],
+  audi: ["ident", "battverlauf", "service", "reifen", "vers"],
+  service: ["werkstatt", "sbuch"],
+  vers: ["beitrag", "vertragsdetails", "steuer", "notruf"],
+  vertragsdetails: ["schutz"],
+  trips: ["trip"],
+  fuel: ["fill"],
+}
+
+export function Platzhalter({
+  route,
+  geheZu,
+}: {
+  route: Route
+  geheZu: (name: SeitenName, id?: string) => void
+}) {
+  const weiter = UNTERSEITEN[route.name] ?? []
+  return (
+    <>
+      <Tile>
+        <div style={{ fontWeight: 300, fontSize: 18 }}>{TITEL[route.name]}</div>
+        <p style={{ color: "var(--fg2)", fontSize: 14, fontWeight: 300, margin: "8px 0 0" }}>
+          Diese Seite wird noch gebaut.
+        </p>
+      </Tile>
+      {weiter.length > 0 && (
+        <div className="dm-raster">
+          {weiter.map((ziel) => (
+            <Tile key={ziel} variant="button" chevron onClick={() => geheZu(ziel)}>
+              <span className="ads-eyebrow">weiter</span>
+              <div style={{ fontWeight: 300, fontSize: 16, marginTop: 4 }}>{TITEL[ziel]}</div>
+            </Tile>
+          ))}
+        </div>
+      )}
+    </>
+  )
+}