refactor: enhance appointment flow by adding selected slot and date management across components

components/appointment/index.js

@@ -24,6 +24,10 @@ function AppointmentPage({ doctor, disabledDates, matchedCity }) {
   const [uuid, setUuid] = useState("");
   const [isSendMsg, setIsSendMsg] = useState(false);
 
+  // Appointment slot states
+  const [selectedSlot, setSelectedSlot] = useState(null);
+  const [selectedDate, setSelectedDate] = useState(null);
+
   useEffect(() => {
     const userInfo = Cookies.get("userInfo");
     const parsedData = userInfo && JSON.parse(userInfo);
@@ -87,6 +91,10 @@ function AppointmentPage({ doctor, disabledDates, matchedCity }) {
       setUuid={setUuid}
       isSendMsg={isSendMsg}
       setIsSendMsg={setIsSendMsg}
+      selectedSlot={selectedSlot}
+      setSelectedSlot={setSelectedSlot}
+      selectedDate={selectedDate}
+      setSelectedDate={setSelectedDate}
     />
   );
 }