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/theme.test.ts

@@ -0,0 +1,23 @@
+import { beforeEach, describe, expect, it } from "vitest"
+
+import { themeStartwert } from "./theme"
+
+describe("Theme", () => {
+  beforeEach(() => {
+    localStorage.clear()
+  })
+
+  it("startet ohne gespeicherte Wahl im Nachtmodus", () => {
+    expect(themeStartwert()).toBe("nacht")
+  })
+
+  it("übernimmt eine gespeicherte Wahl", () => {
+    localStorage.setItem("dm360.theme", "tag")
+    expect(themeStartwert()).toBe("tag")
+  })
+
+  it("ignoriert unsinnige gespeicherte Werte", () => {
+    localStorage.setItem("dm360.theme", "irgendwas")
+    expect(themeStartwert()).toBe("nacht")
+  })
+})