Add customer management

internal_frontend/components/app-sidebar.tsx

@@ -5,7 +5,7 @@ import {
     Home,
     Scale,
     User2,
-    Settings
+    Settings, LayoutDashboard
 } from "lucide-react";
 
 import {
@@ -50,6 +50,14 @@ const rheinItems = [
     },
 ];
 
+const customerItems = [
+    {
+        title: "Kundenübersicht",
+        url: "/customers",
+        icon: LayoutDashboard,
+    },
+];
+
 export function AppSidebar() {
     return (
         <Sidebar>
@@ -77,6 +85,27 @@ export function AppSidebar() {
                     </SidebarGroupContent>
                 </SidebarGroup>
 
+                <SidebarGroup>
+                    <SidebarGroupLabel>Kunden</SidebarGroupLabel>
+                    <SidebarGroupContent>
+                        <SidebarMenu className="flex flex-col gap-y-1">
+                            {customerItems.map((item) => (
+                                <SidebarMenuItem key={item.title}>
+                                    <SidebarMenuButton
+                                        asChild
+                                        className="hover:bg-accent hover:text-accent-foreground"
+                                    >
+                                        <a href={item.url}>
+                                            <item.icon/>
+                                            <span>{item.title}</span>
+                                        </a>
+                                    </SidebarMenuButton>
+                                </SidebarMenuItem>
+                            ))}
+                        </SidebarMenu>
+                    </SidebarGroupContent>
+                </SidebarGroup>
+
                 {/* Demos section */}
                 <SidebarGroup>
                     <SidebarGroupLabel>Demos</SidebarGroupLabel>