change layout and router panel & design page dashboard and user account

components/layout/index.js

@@ -9,7 +9,7 @@ import "aos/dist/aos.css";
 import { useEffect } from "react";
 import Sidebar from './sidebar';
 
-function Layout({ children, title, name, isOpenSide, setIsOpenSide, disableFooter, isSidebar, user, value, setValue }) {
+function Layout({ children, isTurnsDetails, setIsTurnsDetails, title, name, isOpenSide, setIsOpenSide, disableFooter, isSidebar, user, value, setValue }) {
 
     useEffect(() => {
         Aos.init({ duration: 1000 });
@@ -35,6 +35,8 @@ function Layout({ children, title, name, isOpenSide, setIsOpenSide, disableFoote
                             setValue={setValue}
                             isOpenSide={isOpenSide}
                             setIsOpenSide={setIsOpenSide}
+                            isTurnsDetails={isTurnsDetails}
+                            setIsTurnsDetails={setIsTurnsDetails}
                         />
                     )}
                     {children}

components/layout/sidebar/List.js

@@ -7,7 +7,7 @@ import NotificationD from "@/components/icons/NotificationD";
 import { Button } from "@mui/material";
 import ArrowLeftSideBar from "@/components/icons/ArrowLeftSideBar";
 
-function List({ value, setValue, setIsOpenSide }) {
+function List({ value, setValue, isTurnsDetails, setIsTurnsDetails, setIsOpenSide }) {
 
     const listMenu = [
         { name: 'حساب کاربری', icon: <ProfileD active={value === 0} /> },
@@ -36,6 +36,7 @@ function List({ value, setValue, setIsOpenSide }) {
                         onClick={() => {
                             setValue(idx);
                             setIsOpenSide(false);
+                            !isTurnsDetails && setIsTurnsDetails(false);
                         }}
                     >
                         <div className="!flex !w-full !items-center !justify-start !gap-[8px] md:px-[24px]">

components/layout/sidebar/index.js

@@ -2,7 +2,7 @@ import Cards from "./Cards";
 import Head from "./Head";
 import List from "./List";
 
-function Sidebar({ user, value, setValue, isOpenSide, setIsOpenSide }) {
+function Sidebar({ user, value, isTurnsDetails, setIsTurnsDetails, setValue, isOpenSide, setIsOpenSide }) {
 
     return (
         // ${open ? 'md:w-[39%]' : 'min-w-[80px]'}
@@ -30,6 +30,8 @@ function Sidebar({ user, value, setValue, isOpenSide, setIsOpenSide }) {
                         value={value}
                         setValue={setValue}
                         setIsOpenSide={setIsOpenSide}
+                        isTurnsDetails={isTurnsDetails}
+                        setIsTurnsDetails={setIsTurnsDetails}
                     />
                 </div>
             </aside>