fix sidebar responsive & design dark mode turns

components/layoutPanel/sidebar/Links.js

@@ -8,7 +8,7 @@ import CategoryP from "@/components/icons/CategoryP";
 import ProfileAddP from "@/components/icons/ProfileAddP";
 import ProfileCircleP from "@/components/icons/ProfileCircleP";
 
-function Links({ open }) {
+function Links({ open, setActive }) {
   const list = [
     { name: "دشبورد", src: "/panel/dashboard", icon: <CategoryP /> },
     {
@@ -36,6 +36,7 @@ function Links({ open }) {
             <Button
               fullWidth
               variant="text"
+              onClick={() => setActive(false)}
               className={`
                 !p-[8px] !flex !items-center !justify-start !gap-[8px] !text-[16px] !rounded-[8px] !transition-all !duration-500
                 ${

components/layoutPanel/sidebar/index.js

@@ -34,7 +34,7 @@ function Sidebar({ active, setActive, open, setOpen }) {
           <div className="w-full">
             <HeadMd open={open} setOpen={setOpen} />
             <HeadSm setActive={setActive} />
-            <Links open={open} />
+            <Links open={open} setActive={setActive} />
           </div>
           <div
             className={`w-full justify-center overflow-hidden transition-all duration-500 ${