feat: Implement initial admin and mobile application UI, including styling, layouts, authentication, and legal page components.

innungsapp/apps/admin/app/components/LegalPageShell.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useState, type ReactNode } from 'react'
 import Link from 'next/link'
 import { Syne } from 'next/font/google'
-import { Moon, Sun } from 'lucide-react'
+import { Moon, Sun, ArrowLeft } from 'lucide-react'
 
 const syne = Syne({ subsets: ['latin'], weight: ['400', '500', '600', '700', '800'] })
 
@@ -141,6 +141,19 @@ export default function LegalPageShell({ title, subtitle, children }: LegalPageS
 
         .theme-btn:hover { color: var(--ink); }
 
+        .back-link {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          color: var(--ink-muted);
+          text-decoration: none;
+          font-size: 0.875rem;
+          margin-bottom: 24px;
+          transition: color 0.15s;
+        }
+
+        .back-link:hover { color: var(--ink); }
+
         .main-wrap {
           max-width: 980px;
           margin: 0 auto;
@@ -310,6 +323,10 @@ export default function LegalPageShell({ title, subtitle, children }: LegalPageS
         </nav>
 
         <main className="main-wrap">
+          <Link href="/" className="back-link">
+            <ArrowLeft size={16} />
+            Zurück zur Startseite
+          </Link>
           <div className="eyebrow">Rechtliches</div>
           <h1 className="page-title">{title}</h1>
           <p className="page-subtitle">{subtitle}</p>