V3: 3 Farbschemata, Grundprofil auf Plan-Ebene, Erstellungs-Popups, integer-Zahlenfelder mit Beschleunigungs-Spinner, Carry-Forward des Zielwerts, gefuehrter Uebergang

- Theming: semantische CSS-Tokens + 3 waehlbare Schemata (Hell/Dunkel/Warm/Sunset), Umschalter im Profil-Menue, FOUC-frei via Inline-Script, localStorage; Klassen-Sweep aller Komponenten, Recharts aus Tokens
- Datenmodell: Household entfaellt; Plan traegt Haushaltsform/Personen/Inflation selbst (Person -> planId, Plan -> userId); destruktive Migration (TRUNCATE); Onboarding/HouseholdSettings entfernt; Plan-Erstellung & -Einstellungen mit Profilfeldern
- Popups: Element-Erstellung mit Inline-Feldern (geteilte ElementPhaseFields/ElementTransitionFields), Phase- und Plan-Popups mit Direkteingabe
- Zahlenfelder: 1'000er-Runden entfernt (floorToThousand/roundToHundred weg), integer MoneyInput mit beschleunigendem Press-and-Hold-Spinner, 0-Bug-Fix, harte Live-Caps
- Quote: Amortisation + Tilgung neu quotenwirksam; Restquote sichtbar (sinkt beim Verteilen); Invest-Deckel = verfuegbares Kapital + fortgeschriebener Zielwert
- Carry-Forward: Startwert der Folgephase = Zielwert der Vorphase minus Uebergangs-Bezug (live abgeleitet); optionale Zusatzinvestition aus verfuegbarem Kapital
- Matrix: Zelle zeigt Start -> Ziel; Uebergangs-Spaltenkopf mit "n offen"-Badge + gefuehrtem Pruef-Panel

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/app/page.tsx

@@ -1,41 +1,29 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { Onboarding } from "@/components/Onboarding";
 import { AppShell } from "@/components/AppShell";
 import { api } from "@/lib/api-client";
-import type { HouseholdInput } from "@/lib/types";
 
 export default function Home() {
-  const [household, setHousehold] = useState<HouseholdInput | null | undefined>(undefined);
-  const [username, setUsername] = useState<string>("");
+  const [username, setUsername] = useState<string | null>(null);
 
   useEffect(() => {
-    Promise.all([
-      api.get<{ household: HouseholdInput | null }>("/api/household"),
-      api.get<{ user: { username: string } }>("/api/auth/me"),
-    ])
-      .then(([householdData, meData]) => {
-        setUsername(meData.user.username);
-        setHousehold(householdData.household);
-      })
+    api
+      .get<{ user: { username: string } }>("/api/auth/me")
+      .then((data) => setUsername(data.user.username))
       .catch(() => {
         // Session abgelaufen/ungueltig -- Middleware leitet beim naechsten Request um.
         window.location.href = "/login";
       });
   }, []);
 
-  if (household === undefined) {
+  if (username === null) {
     return (
       <div className="flex flex-1 items-center justify-center">
-        <p className="text-sm text-zinc-500">Laedt…</p>
+        <p className="text-sm text-muted">Laedt…</p>
       </div>
     );
   }
 
-  if (household === null) {
-    return <Onboarding onDone={setHousehold} />;
-  }
-
-  return <AppShell initialHousehold={household} username={username} />;
+  return <AppShell username={username} />;
 }