# Design: Anleitungsseite für DAK-Portal ## Zusammenfassung Statische Anleitungsseite (`/anleitung`) mit Akkordeon-basierten Schritt-für-Schritt-Anleitungen für alle wichtigen Funktionen des DAK-Portals. Sichtbar für alle eingeloggten Benutzer. ## Dateien | Datei | Änderung | |-------|----------| | `frontend/src/pages/AnleitungPage.tsx` | Neue Seite | | `frontend/src/components/layout/Sidebar.tsx` | Neuer NavItem-Eintrag | | `frontend/src/App.tsx` | Route hinzufügen | ## Sidebar-Eintrag - Position: In `accountNavItems`, nach "Meine Freigaben" - Icon: `BookOpen` (lucide-react) - Kein `adminOnly`/`mitarbeiterOnly` — für alle sichtbar ## Seitenstruktur Header + 8 Akkordeon-Abschnitte: 1. Dashboard verstehen 2. Fälle suchen und filtern 3. Falldetails anzeigen 4. ICD-Codes eingeben 5. Personendaten anfordern (Freigaben) 6. Berichte herunterladen 7. Wochenübersicht & ICD-Upload 8. Konto & Sicherheit ## Komponenten - shadcn/ui `Accordion` (bereits vorhanden) - shadcn/ui `Card` als Container - shadcn/ui `Badge` für Fachbegriffe - lucide-react Icons als visuelle Orientierung