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

app/component/date/dateTime/SendAppo.js

@@ -4,7 +4,7 @@ import Cookies from "js-cookie";
 import { useParams } from "next/navigation";
 import { useState } from "react";
 
-function SendAppo({ hour, setStep }) {
+function SendAppo({ hour, setStep, setSelectedSlot, date, setSelectedDate }) {
   const params = useParams();
   const doctorId = params.doctorId;
   const [loading, setLoading] = useState(false);
@@ -12,6 +12,12 @@ function SendAppo({ hour, setStep }) {
   const sendReq = () => {
     const isLogged = Cookies.get("access_token");
 
+    // ذخیره کردن اطلاعات اسلات انتخاب شده
+    if (hour && date) {
+      setSelectedSlot(hour);
+      setSelectedDate(date);
+    }
+
     if (isLogged) {
       // اگر لاگین کرده، به مرحله 3 (Detail) می‌رود
       setStep(3);

app/component/date/dateTime/index.js

@@ -9,7 +9,7 @@ import SendAppo from "./SendAppo";
 const listTab = ["صبح", "بعد از ظهر"];
 const nameHours = ["hours_morning", "hours_afternoon"];
 
-function DateTime({ date, doctor, setStep }) {
+function DateTime({ date, doctor, setStep, setSelectedSlot, setSelectedDate }) {
   const [value, setValue] = useState(0);
   const [hour, setHour] = useState();
   const [appo, setAppo] = useState("تاریخ مورد نظرتان را انتخاب کنید.");
@@ -105,7 +105,13 @@ function DateTime({ date, doctor, setStep }) {
         nameHours={nameHours}
         locationAddress={locationAddress}
       />
-      <SendAppo hour={hour} setStep={setStep} />
+      <SendAppo
+        hour={hour}
+        setStep={setStep}
+        setSelectedSlot={setSelectedSlot}
+        date={date}
+        setSelectedDate={setSelectedDate}
+      />
     </div>
   );
 }