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

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>