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

components/appointment/information/Detail.js

@@ -6,6 +6,9 @@ import TickCircleOrange from "@/components/icons/TickCircleOrange";
 import { Button } from "@mui/material";
 
 function Detail({ doctor, step, setStep }) {
+  // دریافت اولین آدرس از لیست
+  const firstAddress = doctor?.address?.[0]?.address || doctor?.location || "آدرس موجود نیست";
+
   return (
     <div className="">
       <ul className="flex flex-col items-start justify-start gap-[24px]">
@@ -14,7 +17,7 @@ function Detail({ doctor, step, setStep }) {
             <LocationA />
           </div>
           <p className="text-[#616161] text-[14px] md:text-[16px] font-normal">
-            آدرس: {doctor?.location}
+            آدرس: {firstAddress}
           </p>
         </li>
         <li className="flex items-center justify-between w-full">