fix: logout modal styles

src/components/menu/SideMenu.tsx

@@ -84,6 +84,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
     };
 
     const toggleLogoutModalVisiblity = (e?: React.MouseEvent) => {
+        e?.preventDefault();
         e?.stopPropagation();
         setLogoutModalVisible((state) => !state);
     };
@@ -179,11 +180,11 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
 
             {/* Logout Modal */}
             <BlurredOverlayContainer visible={logoutModalVisible} onClick={toggleLogoutModalVisiblity} inDuration={100} outDuration={100} outDelay={75}>
-                <div className="absolute top-1/2 left-0 w-full px-6" onClick={toggleLogoutModalVisiblity}>
+                <div className="absolute top-1/2 left-0 w-full px-6">
                     <motion.div
                         animate={{ y: logoutModalVisible ? [10, 0] : [0, 10] }}
                         transition={{ duration: 0.1, ease: 'easeInOut' }}
-                        className="top-1/2 min-w-xs w-full max-w-sm text-center -translate-y-1/2 px-6 pt-8 pb-9 drop-shadow-container bg-white/63 rounded-4xl"
+                        className="top-1/2 absolute left-1/2 min-w-xs w-full max-w-sm text-center -translate-1/2 px-6 pt-8 pb-9 drop-shadow-container bg-white/63 rounded-4xl"
                     >
                         <h2 className="text-base font-medium">
                             {tLogoutModal('Heading')}