refactor: update appointment components to fetch and handle doctor data and disabled dates

components/appointment/date/Time/SelectDatePicker.js

@@ -1,7 +1,7 @@
 import DatePicker from "@/app/component/date/datePicker";
 
-function SelectDatePicker({ setDate }) {
-  return <DatePicker setDate={setDate} />;
+function SelectDatePicker({ setDate, disabledDates }) {
+  return <DatePicker setDate={setDate} disabledDates={disabledDates} />;
 }
 
 export default SelectDatePicker;

components/appointment/date/Time/index.js

@@ -1,12 +1,12 @@
 import SelectDatePicker from "./SelectDatePicker";
 
-function Time({ isStep, setDate }) {
+function Time({ isStep, setDate, disabledDates }) {
   return (
     <div className="flex relative mt-[24px] flex-col items-start gap-[19px] justify-start">
       <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
         1. انتخاب روز
       </p>
-      <SelectDatePicker setDate={setDate} />
+      <SelectDatePicker setDate={setDate} disabledDates={disabledDates} />
       {!isStep && (
         <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
       )}