fix: Navigationsstruktur aus der Client-Komponente herausloesen

Das Server-Layout filtert die Navigation danach, welche Module der
angemeldete Benutzer sehen darf. Es importierte NAV_STRUKTUR aber aus
einer Datei mit "use client" - dort kommt auf dem Server kein Wert an,
sondern nur ein Verweis. NAV_STRUKTUR.filter war entsprechend keine
Funktion, und jede Fachseite lief in einen Serverfehler.

Zweiter Fehler in derselben Zeile: die Eintraege trugen die Icons als
React-Komponenten. Die lassen sich nicht ueber die Server/Client-Grenze
reichen.

Beides behoben, indem die Struktur nach src/lib/navigation-struktur.ts
wandert und dort nur noch ein Kuerzel je Icon steht. Die Client-
Komponente uebersetzt das Kuerzel. Die Wiederausfuhr aus navigation.tsx
wurde bewusst weggelassen, sonst stellt sich dieselbe Falle wieder auf.

Dazu scripts/screenshots.mjs: meldet sich mit dem Entwicklungszugang an
und fotografiert Seiten am Schreibtisch und am Handy, hell und dunkel.

Etappe: 1
Phase: Fundament

src/lib/navigation-struktur.ts

@@ -0,0 +1,58 @@
+import type { Modul } from '@prisma/client'
+
+/**
+ * Aufbau der Hauptnavigation - bewusst OHNE "use client" und ohne echte
+ * Icon-Komponenten.
+ *
+ * Grund: Diese Liste wird im Server-Layout gefiltert (welche Module darf
+ * der angemeldete Benutzer sehen?) und danach an eine Client-Komponente
+ * uebergeben. Ueber diese Grenze laesst sich nur Serialisierbares
+ * reichen - eine React-Komponente wie ein Icon gehoert nicht dazu.
+ * Deshalb steht hier nur ein Kuerzel, das die Client-Komponente in das
+ * passende Icon uebersetzt.
+ */
+
+export type IconName =
+  | 'heute'
+  | 'stammdaten'
+  | 'fristen'
+  | 'vorgaenge'
+  | 'dokumente'
+  | 'finanzen'
+  | 'sozialhilfe'
+  | 'immobilie'
+  | 'vertraege'
+  | 'pflege'
+  | 'kontakte'
+  | 'berichte'
+
+export type NavEintrag = {
+  titel: string
+  href: string
+  icon: IconName
+  modul: Modul
+  /** Zaehler, der als kleine Blase erscheint (z.B. ueberfaellige Fristen). */
+  zaehler?: number
+  /** Faerbt die Blase rot statt neutral. */
+  dringend?: boolean
+}
+
+/**
+ * Reihenfolge nach Haeufigkeit im Alltag, nicht nach fachlicher Systematik:
+ * "Heute" steht oben, weil dort der Tag anfaengt. "Berichte" steht unten,
+ * weil sie zweimal im Jahr gebraucht werden.
+ */
+export const NAV_STRUKTUR: Omit<NavEintrag, 'zaehler' | 'dringend'>[] = [
+  { titel: 'Heute', href: '/heute', icon: 'heute', modul: 'STAMMDATEN' },
+  { titel: 'Stammdaten', href: '/stammdaten', icon: 'stammdaten', modul: 'STAMMDATEN' },
+  { titel: 'Fristen', href: '/fristen', icon: 'fristen', modul: 'FRISTEN' },
+  { titel: 'Vorgänge', href: '/vorgaenge', icon: 'vorgaenge', modul: 'VORGAENGE' },
+  { titel: 'Dokumente', href: '/dokumente', icon: 'dokumente', modul: 'DOKUMENTE' },
+  { titel: 'Vermögen & Kasse', href: '/finanzen', icon: 'finanzen', modul: 'FINANZEN' },
+  { titel: 'Sozialhilfe', href: '/sozialhilfe', icon: 'sozialhilfe', modul: 'SOZIALHILFE' },
+  { titel: 'Immobilie', href: '/immobilie', icon: 'immobilie', modul: 'IMMOBILIE' },
+  { titel: 'Verträge', href: '/vertraege', icon: 'vertraege', modul: 'VERTRAEGE' },
+  { titel: 'Heim & Pflege', href: '/pflege', icon: 'pflege', modul: 'GESUNDHEIT' },
+  { titel: 'Kontakte', href: '/kontakte', icon: 'kontakte', modul: 'KONTAKTE' },
+  { titel: 'Berichte', href: '/berichte', icon: 'berichte', modul: 'BERICHTE' },
+]