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
                 ${