fix sidebar responsive & design dark mode turns

components/panel/addDoctor/listMenu/Menu.js

@@ -5,10 +5,10 @@ function Menu({ value, open, setOpen, listTab, handleChange }) {
   return (
     <ul
       className={`
-                flex bg-[#FAFAFA] flex-col justify-start items-start
-                fixed h-screen w-full z-50 top-[80px] transition-all duration-500
-                ${open ? "right-0" : "-right-full"}
-            `}
+        flex bg-[#FAFAFA] flex-col justify-start items-start dark:bg-[#222433]
+        fixed h-screen w-full z-50 top-[60px] pt-[20px] transition-all duration-500
+        ${open ? "right-0" : "-right-full"}
+      `}
     >
       {listTab.map((item, idx) => (
         <li key={idx} className="w-[calc(100%-32px)] mx-[16px]">
@@ -34,7 +34,7 @@ function Menu({ value, open, setOpen, listTab, handleChange }) {
             <ArrowLeftPH active={value === idx} />
           </Button>
           {listTab.length > idx + 1 && (
-            <span className="my-[12px] block h-px w-full bg-[#EFEFEF]"></span>
+            <span className="my-[12px] block h-px w-full bg-[#EFEFEF] dark:bg-[#343645]"></span>
           )}
         </li>
       ))}