update design and request pages dashboards & doctors & doctor item & clinics & clinic item and layout

app/component/DetailProfile.js

@@ -1,7 +1,6 @@
 import { useState } from "react";
 import ProfilePA from "@/components/icons/ProfilePA";
 import LogoutP from "@/components/icons/LogoutP";
-import SettingPA from "@/components/icons/SettingPA";
 import CardDA from "@/components/icons/CardDA";
 import { Button, Popover } from "@mui/material";
 import Link from "next/link";
@@ -15,6 +14,7 @@ function DetailProfile({ anchorEl, setAnchorEl }) {
 
   const open = Boolean(anchorEl);
   const id = open ? "simple-popover" : undefined;
+  
   return (
     <>
       <ModalLogout open={modal} handleClose={closeModal} />
@@ -39,22 +39,24 @@ function DetailProfile({ anchorEl, setAnchorEl }) {
               پروفایل من
             </Button>
           </Link>
-          <Button
-            fullWidth
-            variant="text"
-            className="!text-[#7E7E7E] !text-[14px] !font-medium !flex !justify-start !p-[8px] !gap-[5px]"
+          <Link
+            href={{
+              pathname: "/dashboard",
+              query: {
+                sidebar: 2,
+              },
+            }}
+            className="w-full"
           >
-            <CardDA />
-            پرداخت ها
-          </Button>
-          <Button
-            fullWidth
-            variant="text"
-            className="!text-[#7E7E7E] !text-[14px] !font-medium !flex !justify-start !p-[8px] !gap-[5px]"
-          >
-            <SettingPA />
-            تنظیمات
-          </Button>
+            <Button
+              fullWidth
+              variant="text"
+              className="!text-[#7E7E7E] !text-[14px] !font-medium !flex !justify-start !p-[8px] !gap-[5px]"
+            >
+              <CardDA />
+              تراکنش های من
+            </Button>
+          </Link>
           <Button
             fullWidth
             color="error"

app/component/EditField.js

@@ -20,9 +20,9 @@ function EditField({
       <TextField
         {...props}
         rows={multiline}
-        value={data?.value || ""}
         multiline={multiline}
         type={type || "text"}
+        value={data?.value || ""}
         placeholder={placeholder || ""}
         disabled={noDisable ? false : !data?.isEdit}
         className={`!w-full res-field-account dark:!bg-transparent ${

app/component/ModalLogout.js

@@ -3,13 +3,15 @@ import { Box, Button, Modal } from "@mui/material";
 import CloseModalD from "@/components/icons/CloseModalD";
 import { removeToken } from "@/utils";
 import { useRouter } from "next/navigation";
+import { useState } from "react";
 
 function ModalLogout({ open, handleClose }) {
   const router = useRouter();
+  const [loading, setLoading] = useState(false);
   const logout = () => {
+    setLoading(true);
     removeToken();
     router.replace("/login");
-    handleClose();
   };
 
   return (
@@ -39,9 +41,10 @@ function ModalLogout({ open, handleClose }) {
             انصراف
           </Button>
           <Button
-            variant="contained"
             onClick={logout}
-            className="!py-[4px] md:!py-[6px] !min-h-[32px] md:!min-h-[39px] lg:!min-h-[46px] lg:!py-[8px] !px-[10px] md:!px-[14px] lg:!px-[18px] !rounded-[4px] !text-[#EFEFEF] !text-[12px] md:!text-[14px] lg:!text-[16px] !font-medium"
+            loading={loading}
+            variant="contained"
+            className="!py-[4px] md:!py-[6px] !min-h-[32px] md:!min-h-[39px] lg:!min-h-[46px] lg:!py-[8px] !px-[10px] md:!px-[14px] lg:!px-[18px] !rounded-[4px] !text-[12px] md:!text-[14px] lg:!text-[16px] !font-medium"
           >
             خروج
           </Button>

app/component/Tabs.js

@@ -7,7 +7,7 @@ function a11yProps(index) {
   };
 }
 
-function Tabs({ value, handleChange, listTab, isSm, style }) {
+function Tabs({ value, handleChange, listTab, inactives, isSm, style }) {
   return (
     <Box className="!border-none !w-full">
       <TabsMUI
@@ -24,6 +24,7 @@ function Tabs({ value, handleChange, listTab, isSm, style }) {
           <Tab
             key={idx}
             label={item}
+            disabled={inactives && inactives.includes(idx)}
             {...a11yProps(idx)}
             sx={{
               "&.MuiButtonBase-root": {