change tabs dashboard & handle hour functionality code page add timer

components/booking/date/hour/index.js

@@ -1,8 +1,8 @@
 import DateTime from "@/app/component/date/dateTime"
 
-function Hour({ doctor, setStep, setIsError, locateVisit }) {
+function Hour({ doctor, setStep, setIsError, locateVisit, isStep }) {
     return (
-        <div className="flex mt-[24px] flex-col items-start gap-[12px] justify-start">
+        <div className="flex relative mt-[24px] flex-col items-start gap-[12px] justify-start">
             <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">3. انتخاب ساعت</p>
             <DateTime
                 doctor={doctor}
@@ -10,6 +10,9 @@ function Hour({ doctor, setStep, setIsError, locateVisit }) {
                 setIsError={setIsError}
                 locateVisit={locateVisit}
             />
+            {!isStep && (
+                <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
+            )}
         </div>
     )
 }