feat: Set up initial monorepo structure for admin and mobile applications with core configurations and database integration.

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

@@ -1,12 +1,27 @@
 'use client'
 
 import { createAuthClient } from 'better-auth/react'
-import { useRouter } from 'next/navigation'
+import { useRouter, usePathname } from 'next/navigation'
+import { LogOut } from 'lucide-react'
 
 const authClient = createAuthClient()
 
+const PAGE_TITLES: Record<string, string> = {
+  '/dashboard': 'Übersicht',
+  '/dashboard/mitglieder': 'Mitglieder',
+  '/dashboard/news': 'News',
+  '/dashboard/termine': 'Termine',
+  '/dashboard/stellen': 'Lehrlingsbörse',
+  '/dashboard/einstellungen': 'Einstellungen',
+}
+
 export function Header() {
   const router = useRouter()
+  const pathname = usePathname()
+
+  const title = Object.entries(PAGE_TITLES)
+    .sort((a, b) => b[0].length - a[0].length)
+    .find(([path]) => pathname === path || pathname.startsWith(path + '/'))?.[1] ?? 'Dashboard'
 
   async function handleSignOut() {
     await authClient.signOut()
@@ -15,12 +30,18 @@ export function Header() {
 
   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">
+      <h2
+        className="text-sm font-semibold text-gray-700 tracking-tight"
+        style={{ fontFamily: "'Syne', system-ui, sans-serif" }}
+      >
+        {title}
+      </h2>
+      <div className="flex items-center gap-3">
         <button
           onClick={handleSignOut}
-          className="text-sm text-gray-600 hover:text-gray-900 transition-colors"
+          className="flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-900 transition-colors"
         >
+          <LogOut size={14} />
           Abmelden
         </button>
       </div>