Breadcrumbs

components/Sidebar.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import type React from "react"
+import Breadcrumbs from "./Breadcrumbs"
 
 import { useState } from "react"
 import Link from "next/link"
@@ -25,9 +26,10 @@ interface SidebarProps {
   children: React.ReactNode
   username: string
   fullName: string
+  breadcrumbPath?: string[]
 }
 
-export default function Sidebar({ children, username, fullName }: SidebarProps) {
+export default function Sidebar({ children, username, fullName, breadcrumbPath }: SidebarProps) {
   const router = useRouter()
   const [isProfileOpen, setIsProfileOpen] = useState(false)
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
@@ -176,7 +178,10 @@ export default function Sidebar({ children, username, fullName }: SidebarProps)
       </aside>
 
       {/* Main content */}
-      <main className="flex-1 p-4 md:p-6 overflow-auto">{children}</main>
+      <main className="flex-1 overflow-auto">
+        <Breadcrumbs breadcrumbPath={breadcrumbPath} />
+        {children}
+      </main>
     </div>
   )
 }