feat(admin): responsive layout — bottom-tabs auf mobile, sidebar auf desktop
User-Wunsch: kleine screens (iPhone) keine sidebar, sondern bottom-tab-bar
wie native rebreak-app.
Layout-Architektur:
- Desktop (lg+, ≥1024px):
- Topbar: email + logout-button
- Sidebar links (w-56) mit full-label-nav (versteckt <lg)
- Content rechts (p-6)
- Mobile (<lg):
- Topbar: hamburger UDropdownMenu rechts (email + logout)
- Sidebar versteckt
- Content full-width (p-4 pb-24, damit content nicht hinter tab-bar)
- Bottom-tab-bar: fixed bottom-0, border-t, bg-gray-950/95 backdrop-blur
- 5 tabs in grid-cols-5: Home / Domains / Users / Stats / Mod
- Icon (h-5 w-5) + label (text-[10px])
- Active-state: text-white bg-gray-800 (route-match isActive helper)
- Safe-area-bottom respektiert via env(safe-area-inset-bottom)
Pages-content unangetastet, nur layout. Build clean.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
e9d4434bf8