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

components/appointment/detail/index.js

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import { Button } from "@mui/material";
 import AddCircleBlueA from "@/components/icons/AddCircleBlueA";
+import ArrowRightS from "@/components/icons/ArrowRightS";
 import Form from "./Form";
 import { request } from "@/services/response";
 import SubmitData from "./SubmitData";
@@ -41,6 +42,14 @@ function Detail({
             rounded-[8px] p-[12px] sm:p-[16px] md:p-[20px] lg:p-[24px]
             `}
       >
+        {/* دکمه برگشت */}
+        <div
+          className="cursor-pointer mb-[16px]"
+          onClick={() => setStep(0)}
+        >
+          <ArrowRightS />
+        </div>
+
         <p className="text-[#3B3B3B] text-[20px] font-bold">
           {isForAnother ? "اطلاعات کاربر جدید" : "اطلاعات حساب کاربری"}
         </p>