mobile right slider bar bug fixed

src/components/layouts/DashboardLayout.jsx

@@ -48,7 +48,7 @@ export default function DashboardLayout() {
         </div>
         <div className={`${showAsideDrawer =='right-aside' ? 'right-0 w-full' : '-right-full w-0'} fixed inset-0 z-[999] large:hidden bg-white/20 transition-all cursor-pointer`} onClick={()=>setShowAsideDrawer('')}>
             {/* <div className={`${showAsideDrawer =='right-aside' ? 'right-0' : '-right-full'} fixed z-[999] right-0 top-0 inset-0 w-full bg-white/20 bg-red-400 transition-all cursor-pointer`} onClick={()=>setShowAsideDrawer('')} ></div> */}
-            <div className={`${showAsideDrawer =='right-aside' ? 'right-0' : '-right-full'} fixed z-[999] top-0 botom-0 px-8 py-4 h-full w-4/5 sm:w-[350px] bg-[#192440] dark:bg-[#1E1E2D] text-white-body`}>
+            <div onClick={(e)=>e.stopPropagation()} className={`${showAsideDrawer =='right-aside' ? 'right-0' : '-right-full'} fixed z-[999] top-0 botom-0 px-8 py-4 h-full w-4/5 sm:w-[350px] bg-[#192440] dark:bg-[#1E1E2D] text-white-body`}>
                 <RightAsideBar />
             </div>
         </div>

src/context/GeneralLayoutContext.jsx

@@ -80,10 +80,12 @@ export default function GeneralLayoutContext({children}) {
       window.addEventListener('resize', ()=>{
           setShrinkAside(false)
           setShowAsideDrawer('')
+          setActiveMenu('')
       })
       return () => window.removeEventListener('resize', window.addEventListener('resize', ()=>{
           setShrinkAside(false)
           setShowAsideDrawer('')
+          setActiveMenu('')
       }))
   },[])