Rebuild as InnungsApp project: replace stadtwerke analysis with full documentation

- PRD: vollständige Produktspezifikation (5 Module, Scope, Akzeptanzkriterien)
- ARCHITECTURE: Tech Stack, Ordnerstruktur, Multi-Tenancy, Push, Kosten
- DATABASE_SCHEMA: Vollständiges SQL-Schema mit RLS Policies und Views
- USER_STORIES: 40+ Stories nach Rolle (Admin, Mitglied, Azubi, Obermeister)
- PERSONAS: 5 detaillierte Nutzerprofile mit Alltag, Zitaten und Erwartungen
- BUSINESS_MODEL: Preistabellen, Unit Economics, Revenue-Projektionen, Distribution
- ROADMAP: 6 Phasen, Sprint-Planung, Meilensteine und KPIs
- COMPETITIVE_ANALYSIS: Wettbewerbsmatrix, USPs, Preispositionierung
- API_DESIGN: Supabase Query Patterns, Edge Functions, Realtime Subscriptions
- ONBOARDING_FLOWS: 7 User Flows von Setup bis Fehlerfall
- GTM_STRATEGY: 3-Phasen-Vertrieb, Outreach-Sequenz, Einwandbehandlung
- AZUBI_MODULE: Video-Feed, 1-Click-Apply, Chat, Berichtsheft, Quiz
- DSGVO_KONZEPT: Rechtsgrundlagen, TOMs, AVV, Minderjährige, Incident Response
- FEATURES_BACKLOG: 72 Features nach MoSCoW + Technische Schulden

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

innungsapp/apps/admin/components/layout/Header.tsx

@@ -0,0 +1,29 @@
+'use client'
+
+import { createAuthClient } from 'better-auth/react'
+import { useRouter } from 'next/navigation'
+
+const authClient = createAuthClient()
+
+export function Header() {
+  const router = useRouter()
+
+  async function handleSignOut() {
+    await authClient.signOut()
+    router.push('/login')
+  }
+
+  return (
+    <header className="h-14 bg-white border-b flex items-center justify-between px-6 flex-shrink-0">
+      <div />
+      <div className="flex items-center gap-4">
+        <button
+          onClick={handleSignOut}
+          className="text-sm text-gray-600 hover:text-gray-900 transition-colors"
+        >
+          Abmelden
+        </button>
+      </div>
+    </header>
+  )
+}

innungsapp/apps/admin/components/layout/Sidebar.tsx

@@ -0,0 +1,58 @@
+'use client'
+
+import Link from 'next/link'
+import { usePathname } from 'next/navigation'
+import { clsx } from 'clsx'
+
+const navItems = [
+  { href: '/dashboard', label: 'Übersicht', icon: '🏠' },
+  { href: '/dashboard/mitglieder', label: 'Mitglieder', icon: '👥' },
+  { href: '/dashboard/news', label: 'News', icon: '📰' },
+  { href: '/dashboard/termine', label: 'Termine', icon: '📅' },
+  { href: '/dashboard/stellen', label: 'Lehrlingsbörse', icon: '🎓' },
+  { href: '/dashboard/einstellungen', label: 'Einstellungen', icon: '⚙️' },
+]
+
+export function Sidebar() {
+  const pathname = usePathname()
+
+  return (
+    <aside className="w-64 bg-white border-r flex flex-col flex-shrink-0">
+      {/* Logo */}
+      <div className="p-6 border-b">
+        <div className="flex items-center gap-3">
+          <div className="w-8 h-8 bg-brand-500 rounded-lg flex items-center justify-center">
+            <span className="text-white font-bold text-sm">I</span>
+          </div>
+          <span className="font-bold text-gray-900">InnungsApp</span>
+        </div>
+      </div>
+
+      {/* Navigation */}
+      <nav className="flex-1 p-4 space-y-1">
+        {navItems.map((item) => {
+          const isActive =
+            item.href === '/dashboard'
+              ? pathname === '/dashboard'
+              : pathname.startsWith(item.href)
+
+          return (
+            <Link
+              key={item.href}
+              href={item.href}
+              className={clsx('sidebar-link', isActive && 'sidebar-link-active')}
+            >
+              <span>{item.icon}</span>
+              <span>{item.label}</span>
+            </Link>
+          )
+        })}
+      </nav>
+
+      {/* Footer */}
+      <div className="p-4 border-t">
+        <p className="text-xs text-gray-400">InnungsApp v0.1.0</p>
+      </div>
+    </aside>
+  )
+}

innungsapp/apps/admin/components/stats/StatsCards.tsx

@@ -0,0 +1,19 @@
+interface Stat {
+  label: string
+  value: number
+  icon: string
+}
+
+export function StatsCards({ stats }: { stats: Stat[] }) {
+  return (
+    <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+      {stats.map((stat) => (
+        <div key={stat.label} className="stat-card">
+          <div className="text-2xl mb-2">{stat.icon}</div>
+          <div className="text-3xl font-bold text-gray-900">{stat.value}</div>
+          <div className="text-sm text-gray-500 mt-1">{stat.label}</div>
+        </div>
+      ))}
+    </div>
+  )
+}