Finanzen: nur fuer Admins, Rueckkehrseite fuer die Bankfreigabe

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

src/components/AdminRoute.jsx

@@ -0,0 +1,20 @@
+import { Navigate } from 'react-router-dom'
+import { useAuth } from '../context/AuthContext'
+
+// Nur fuer Admins; wird innerhalb von ProtectedRoute verwendet. Alle anderen landen bei den Tickets.
+export default function AdminRoute({ children }) {
+  const { loading, isAdmin } = useAuth()
+
+  if (loading) {
+    return (
+      <div className="text-center p-4" style={{ marginTop: 80 }}>
+        <div className="spinner"></div>
+        <p>Loading...</p>
+      </div>
+    )
+  }
+
+  if (!isAdmin) return <Navigate to="/tickets" replace />
+
+  return children
+}

src/components/Navbar.jsx

@@ -61,7 +61,7 @@ export default function Sidebar() {
     { label: 'Kunden', href: '/customers', icon: <IconUsers /> },
     // Leads liegen auf Eis (Lead-Automatik gestoppt 2026-09-30): grau, nicht klickbar
     { label: 'Leads', href: '/leads', icon: <IconTargetArrow />, paused: true },
-    { label: 'Finanzen', href: '/finance', icon: <IconReportMoney /> },
+    ...(isAdmin ? [{ label: 'Finanzen', href: '/finance', also: '/finanzen', icon: <IconReportMoney /> }] : []),
     { label: 'Rechtliches', href: '/rechtliches', icon: <IconScale /> },
     ...(isAdmin ? [{ label: 'Serverpuls', href: '/serverpuls', icon: <IconActivityHeartbeat />, dot: pulseLevel }] : []),
     ...(isAdmin ? [{ label: 'Admin', href: '/admin', icon: <IconSettings /> }] : []),
@@ -69,6 +69,8 @@ export default function Sidebar() {
 
   const isActive = (href) =>
     location.pathname === href || location.pathname.startsWith(href + '/')
+  // Finanzen bleibt auch auf der Rueckkehrseite der Bankfreigabe (/finanzen/...) markiert
+  const isLinkActive = (link) => isActive(link.href) || (link.also ? isActive(link.also) : false)
 
   return (
     <aside className={`side ${collapsed ? 'collapsed' : ''}`}>
@@ -96,7 +98,7 @@ export default function Sidebar() {
             <Link
               key={link.href}
               to={link.href}
-              className={`side-link ${isActive(link.href) ? 'active' : ''}`}
+              className={`side-link ${isLinkActive(link) ? 'active' : ''}`}
               title={link.label}
             >
               {link.icon}