add open/close to sidebar & responsive sidebar & head & page dashboard and user account

app/panel/(layout)/add-doctor/page.js

@@ -1,8 +1,9 @@
-import AddDoctorPage from "@/components/panel/addDoctor"
+import AddDoctorPage from "@/components/panel/addDoctor";
+import Information from '@/data/information.json';
 
 function AddDoctor() {
     return (
-        <AddDoctorPage />
+        <AddDoctorPage data={Information} />
     )
 }
 

app/panel/(layout)/layout.js

@@ -5,17 +5,23 @@ import Sidebar from "@/components/layoutPanel/sidebar";
 import Information from '@/data/information.json';
 import UserDetail from "@/components/layoutPanel/userDetail";
 import { usePathname } from "next/navigation";
+import { useState } from "react";
 
 function LayoutPanel({ children }) {
 
     const pathname = usePathname();
+    const [active, setActive] = useState(false);
 
     return (
         <div className="flex min-h-screen">
-            <Sidebar />
+            <Sidebar
+                active={active}
+                setActive={setActive}
+            />
             <main className="w-full">
                 <Header
                     data={Information}
+                    setActive={setActive}
                     disableProfile={pathname.includes('dashboard')}
                 />
                 <section className="my-[24px] opacity-element mx-[16px] bg-[#FAFAFA]">