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"