updated the logo isseu

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

@@ -123,7 +123,7 @@ export default function AdminMenu({ open }: { open: boolean }) {
     return (
         <List ref={menuListRef}
             onMouseLeave={handleMouseLeave}
-            style={{ position: 'relative' }} >
+            style={{ position: 'relative' }} className={` ${open ? "px-3" : ""}`} >
             <div
                 style={{
                     position: "absolute",

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

@@ -78,7 +78,11 @@ export default function UserMenu({ open }: { open: boolean }) {
     };
 
     return (
-        <Box>
+        <>
+            <Box sx={{
+                maxHeight: "calc(100vh - 210px)",
+                overflowY: "auto",
+            }} className={` ${open ? "px-3" : ""}`}>
                 {/* Buy Coins & Withdraw */}
                 {open && (
                     <Private>
@@ -163,8 +167,9 @@ export default function UserMenu({ open }: { open: boolean }) {
                     <PrimaryMenu open={open} />
                 </div>
 
+            </Box>
             {/* 💬 Support Section */}
-            <div className="support mt-4">
+            <div  className={`support mt-4 ${open ? "px-3" : ""}`}>
                 <Link
                     href={"/support"}
                     className="ss-btn support__btn flex items-center gap-2 w-full justify-start"
@@ -183,6 +188,6 @@ export default function UserMenu({ open }: { open: boolean }) {
                     </div>
                 ) : null}
             </div>
-        </Box>
+        </>
     );
 }

src/components/organism/Sidebar/index.tsx

@@ -126,8 +126,8 @@ export default function Sidebar({ open, handleDrawerOpen, handleMobileMenuToggle
     const { data } = useGetSeoDataQuery();
 
     if (downLG) {
-        return <div className={`mobile__menu__wrapper fixed left-0 top-0 bottom-0 max-h-screen overflow-auto backdrop-blur-2xl bg-[#290139CF] w-full  z-[9999]  transition-all duration-300 ${mobileMenuOpen ? "opacity-100 visible" : "opacity-0 invisible"}`} >
-            <div className={`mobile__primary__menu max-w-[600px]  w-full h-screen overflow-auto transition-all duration-300 ${mobileMenuOpen ? "opacity-100 visible translate-x-0" : "opacity-0 invisible translate-x-[-100%]"} ${user?.role && user.role.toUpperCase() === 'ADMIN' ? "bg-white" : "bg-[#11011E]"}`} ref={ref}>
+        return <div className={`mobile__menu__wrapper fixed left-0 top-0 bottom-0 max-h-screen  backdrop-blur-2xl bg-[#290139CF] w-full  z-[9999]  transition-all duration-300 ${mobileMenuOpen ? "opacity-100 visible" : "opacity-0 invisible"}`} >
+            <div className={`mobile__primary__menu max-w-[600px]  w-full h-screen  transition-all duration-300 ${mobileMenuOpen ? "opacity-100 visible translate-x-0" : "opacity-0 invisible translate-x-[-100%]"} ${user?.role && user.role.toUpperCase() === 'ADMIN' ? "bg-white" : "bg-[#11011E]"}`} ref={ref}>
                 <div className="flex justify-between items-center p-4 ">
                     <Link href="/">
                         <Image src={data?.data?.logo || ""} alt="Logo" width={102} height={56} />
@@ -147,7 +147,7 @@ export default function Sidebar({ open, handleDrawerOpen, handleMobileMenuToggle
                         <Add className='!text-para-light rotate-45' />
                     </IconButton>
                 </div>
-                <Box className={`mt-8 menu__wrapper ${open ? "px-3" : ""}`} >
+                <Box className={`mt-8 menu__wrapper `} >
                     {
                         user?.role && user.role.toUpperCase() === 'ADMIN' ? (
                             <AdminMenu open={open} />
@@ -161,27 +161,14 @@ export default function Sidebar({ open, handleDrawerOpen, handleMobileMenuToggle
     }
     return (
         <Drawer variant="permanent" open={open} downLG={downLG}>
-            <DrawerHeader sx={{ justifyContent: "center" }}>
+            <DrawerHeader sx={{ justifyContent: "center", marginTop: 2 }}>
                 {/* <HambergerMenu /> */}
                 <Link href="/">
                     <Image src={data?.data?.logo || ""} alt="Logo" width={102} height={56} />
                 </Link>
-                {/* <IconButton
-                    color="inherit"
-                    aria-label="open drawer"
-                    edge="start"
-                    sx={[
-                        {
-                            maxWidth: "fit-content"
-                        },
-                    ]}
-                    className='!bg-light-gray !md:hidden'
-                >
-                    <CloseCircle className='!text-para-light' />
-                </IconButton> */}
             </DrawerHeader>
 
-            <Box className={`mt-8 menu__wrapper ${open ? "px-3" : ""}`} >
+            <Box className={`mt-8 menu__wrapper`} >
                 {
                     user?.role && user.role.toUpperCase() === 'ADMIN' ? (
                         <AdminMenu open={open} />