fix responsive all page & add modal doctor id & page dashboard aside

components/layout/index.js

@@ -7,8 +7,9 @@ import Header from './header';
 import Aos from "aos";
 import "aos/dist/aos.css";
 import { useEffect } from "react";
+import Sidebar from './sidebar';
 
-function Layout({ children, title, name, disableFooter }) {
+function Layout({ children, title, name, disableFooter, isSidebar, user }) {
 
     useEffect(() => {
         Aos.init({ duration: 1000 });
@@ -20,7 +21,17 @@ function Layout({ children, title, name, disableFooter }) {
                 <header className="w-full fixed top-[12px] sm:top-[21px] md:top-[30px] lg:top-[40px] right-1/2 translate-x-1/2 padding-responsive z-[10]">
                     <Header name={name} />
                 </header>
-                <section className='opacity-page'>
+                <section className={`
+                    opacity-page
+                    ${isSidebar &&
+                    'padding-responsive min-h-screen pt-[120px] flex items-start justify-center gap-[24px] mt-[56px]'
+                    }
+                `}>
+                    {isSidebar && (
+                        <Sidebar
+                            user={user}
+                        />
+                    )}
                     {children}
                 </section>
             </main>