Add scroll for overflow menus

src/layout/LayoutMenu.jsx

@@ -422,7 +422,7 @@ const LayoutMenu = () => {
                 border: 'none',
             }}
             theme="dark"
-            className="custom-orange-menu"
+            className="custom-green-menu"
         />
     );
 };

src/layout/LayoutSidebar.jsx

@@ -30,8 +30,24 @@ const LayoutSidebar = () => {
                 zIndex: 9999
             }}
         >
-            <LayoutLogo />
-            <LayoutMenu />
+            <div style={{
+                display: 'flex',
+                flexDirection: 'column',
+                height: '100vh',
+                overflow: 'hidden'
+            }}>
+                {/* Logo section - fixed height */}
+                <div style={{flexShrink: 0,minHeight: '64px'}}>
+                    <LayoutLogo />
+                </div>
+                
+                {/* Menu section - scrollable */}
+                <div style={{flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column'}}>
+                    <div className="custom-menu-scrollbar" style={{flex: 1, overflowY: 'auto', overflowX: 'hidden', backgroundColor: 'transparent'}}>
+                        <LayoutMenu />
+                    </div>
+                </div>
+            </div>
         </Sider>
     );
 };