updated the menu clip

src/components/organism/Sidebar/UserSidebar/PrimaryMenu.tsx

@@ -50,7 +50,11 @@ export default function PrimaryMenu({ open }: { open: boolean }) {
         <List
             ref={menuListRef}
             onMouseLeave={handleMouseLeave}
-            style={{ position: 'relative', }}>
+            style={{
+                position: 'relative',
+                maxHeight: "280px",
+                overflowY: "auto"
+            }}>
             <div
                 style={{
                     position: 'absolute',
@@ -86,7 +90,7 @@ export default function PrimaryMenu({ open }: { open: boolean }) {
                             zIndex: 2,
                             padding: 0,
                         }}>
-                        <Link href={menu.slug ? `/general/${menu.slug}` : "#"} className={`flex gap-2 items-start px-4 py-2 rounded-md transition-all ${[
+                        <Link href={menu.slug ? `/general/${menu.slug}` : "#"} className={`flex gap-2 items-center px-4 py-2 rounded-md transition-all ${[
                             open ? "expanded" : "collapsed",
                             isActive ? "active__menu  " : ""
                         ].join(" ")
@@ -96,7 +100,7 @@ export default function PrimaryMenu({ open }: { open: boolean }) {
                             </ListItemIcon>
                             <ListItemText
                                 primary={menu?.name}
-                                className={open ? "expanded" : "collapsed"}
+                                className={open ? "expanded !text-wrap" : "collapsed !text-nowrap"}
                             />
                         </Link>
                     </ListItem>

src/components/organism/Sidebar/UserSidebar/index.tsx

@@ -94,10 +94,7 @@ export default function UserMenu({ open }: { open: boolean }) {
                     </div>
                 </Private>
             )}
-            <Box sx={{
-                maxHeight: "calc(100vh - 280px)",
-                overflowY: "auto",
-            }} className={` ${open ? "px-3" : ""}`}>
+            <Box  >
 
 
                 <div className="flex flex-col gap-16 lg:gap-28">
@@ -105,6 +102,7 @@ export default function UserMenu({ open }: { open: boolean }) {
                         ref={menuListRef}
                         onMouseLeave={handleMouseLeave}
                         style={{ position: "relative" }}
+                        className={` ${open ? "!px-3" : ""}`}
                     >
                         {/* ✨ Glass Morphism Layer */}
                         <div

src/theme/palette.ts

@@ -472,14 +472,14 @@ export default function Palette(mode: ThemeMode) {
                         "&.collapsed": { opacity: 0 },
                         "&.expanded": { opacity: 1 },
                     },
-                    primary: {
-                        whiteSpace: 'normal',
-                        wordBreak: 'break-word',
-                    },
-                    secondary: {
-                        whiteSpace: 'normal',
-                        wordBreak: 'break-word',
-                    },
+                    // primary: {
+                    //     whiteSpace: 'normal',
+                    //     wordBreak: 'break-word',
+                    // },
+                    // secondary: {
+                    //     whiteSpace: 'normal',
+                    //     wordBreak: 'break-word',
+                    // },
                 },
             },