change design all page & component page booking and account & cleancode

app/component/date/dateTime/index.js

@@ -1,16 +1,15 @@
 'use client';
 
 import { useState } from "react";
-import Tabs from "../../Tabs";
 import Hours from "./Hours";
+import Tabs from "../../Tabs";
 import { Button } from "@mui/material";
 import ArrowLeftB from "@/components/icons/ArrowLeftB";
-import Link from "next/link";
 
 const listTab = ['صبح', 'بعد از ظهر'];
 const nameHours = ['hours_morning', 'hours_afternoon']
 
-function DateTime({ doctor }) {
+function DateTime({ doctor, setStep, setIsError, locateVisit }) {
 
   const [value, setValue] = useState(0);
   const [hour, setHour] = useState(0);
@@ -32,21 +31,23 @@ function DateTime({ doctor }) {
         setHour={setHour}
         nameHours={nameHours}
       />
-      <Link
-        href='/login-verify'
-        className="w-full flex justify-end"
-      >
+      <div className="w-full flex justify-end">
         <Button
           className="!gap-[4px] !px-[12px] !py-[8px] md:!py-[9px] !w-full md:!w-fit !min-w-[157px]"
-          onClick={() =>
-            localStorage.setItem('doctor-id', doctor?.id)
-          }
+          onClick={() => {
+            if (locateVisit) {
+              localStorage.setItem('doctor-id', doctor?.id);
+              setStep(prev => prev + 1);
+            } else {
+              setIsError(true);
+            }
+          }}
           variant="contained"
         >
           <p className="text-[#EFEFEF] text-[16px] font-medium">تایید نوبت</p>
           <ArrowLeftB />
         </Button>
-      </Link>
+      </div>
     </div>
   )
 }