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

app/component/CustomTable.js

@@ -3,7 +3,7 @@ import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from
 function CustomTable({ tableHead, zeroRadius, centerTable, children }) {
     return (
         <TableContainer
-            className='!shadow-none table-shadow-none !border !border-solid !border-[#DBDBDB]'
+            className='!shadow-none table-shadow-none !overflow-auto !border !border-solid !border-[#DBDBDB]'
             sx={{
                 '&.MuiTableContainer-root': {
                     borderRadius: zeroRadius && '0 !important'

app/globals.css

@@ -304,6 +304,10 @@ html {
     border-radius: 12px !important;
 }
 
+.table-rounded-8 .table-shadow-none {
+    border-radius: 8px !important;
+}
+
 .w-full-content .content-text-panel {
     width: 100%;
 }

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]">