Dashboard und Benutzerverwaltung

frontend/athena/components/Sidebar.tsx

@@ -0,0 +1,86 @@
+import Link from "next/link";
+import {
+  LayoutDashboard,
+  Users,
+  Wrench,
+  Package,
+  FileText,
+  Settings,
+  ShoppingCart,
+} from "lucide-react";
+
+const menu = [
+  {
+    icon: LayoutDashboard,
+    name: "Dashboard",
+    href: "/",
+  },
+  {
+    icon: Users,
+    name: "Benutzer",
+    href: "/users",
+  },
+  {
+    icon: Users,
+    name: "Kunden",
+    href: "/customers",
+  },
+  {
+    icon: Wrench,
+    name: "Reparaturen",
+    href: "/repairs",
+  },
+  {
+    icon: Package,
+    name: "Lager",
+    href: "/inventory",
+  },
+  {
+    icon: ShoppingCart,
+    name: "eBay",
+    href: "/ebay",
+  },
+  {
+    icon: FileText,
+    name: "Dokumente",
+    href: "/documents",
+  },
+  {
+    icon: Settings,
+    name: "Einstellungen",
+    href: "/settings",
+  },
+];
+
+export default function Sidebar() {
+  return (
+    <aside className="w-64 h-screen bg-slate-900 text-white flex flex-col">
+
+      <div className="p-6 border-b border-slate-800">
+        <h1 className="text-3xl font-bold">
+          🏛 Olympus
+        </h1>
+      </div>
+
+      <nav className="flex-1 p-4 space-y-2">
+
+        {menu.map((item) => (
+          <Link
+            key={item.name}
+            href={item.href}
+            className="flex items-center gap-3 rounded-lg px-4 py-3 hover:bg-slate-800 transition-colors"
+          >
+            <item.icon size={20} />
+            <span>{item.name}</span>
+          </Link>
+        ))}
+
+      </nav>
+
+      <div className="border-t border-slate-800 p-4 text-sm text-slate-400">
+        Olympus ERP v0.1
+      </div>
+
+    </aside>
+  );
+}