fix: layouts and scrolls

src/components/menu/SideMenu.tsx

@@ -75,13 +75,13 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
     const menuStateMemo = useMemo(() => menuState, [menuState]);
 
     return (
-        <div className='w-full h-dvh'>
+        <div className='w-full'>
             <BlurredOverlayContainer bgOpacity={40} visible={menuStateMemo} onClick={toggleMenuState} outDelay={150}>
                 <div
                     data-isvisible={menuStateMemo}
                     onClick={(e) => { e.stopPropagation(); }}
                     className={`fixed top-0 bottom-0 -right-full data-[isvisible=true]:right-0 transition-all duration-100 ease-in-out not-xl:!rounded-s-none overflow-clip bg-white w-[200px] h-dvh flex flex-col z-40`}>
-                    <ul className="overflow-hidden noscrollbar pt-20 pb-10 flex flex-col justify-between h-full ">
+                    <ul className="overflow-y-scroll noscrollbar pt-20 pb-10 flex flex-col justify-between h-full ">
                         <li>
                             <div className='flex flex-col gap-[60px]'>
                                 <div className='flex flex-col gap-[23px]'>