refactor: update overflow properties in Layout and Sidebar components for improved scrolling behavior

Author: MuslimeKaya

src/components/layout/Layout.tsx

@@ -11,7 +11,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
     <div className="flex">
       <Sidebar />
       <SidebarToggle onClick={() => setOpen(true)} />
-      <main className="flex-1 min-h-screen lg:ml-80  max-w-7xl mx-auto p-6 space-y-6 overflow-hidden">
+      <main className="flex-1 min-h-screen lg:ml-80 max-w-7xl mx-auto p-6 space-y-6 overflow-auto">
         {children}
       </main>
     </div>

src/components/layout/Sidebar.tsx

@@ -81,8 +81,7 @@ export function Sidebar() {
           </button>
         </div>
 
-        {/* Navigation Content - no scroll, fixed height */}
-        <div className="flex-1 overflow-hidden">
+        <div className="flex-1 overflow-y-auto">
           {/* Navigation Menu */}
           <div className="p-4">
             <nav className="space-y-2">