change api file and design poster

components/doctor/poster/Telefon.js

@@ -2,7 +2,9 @@ import TelefonPoster from "@/components/icons/TelefonPoster";
 
 function Telefon({ data }) {
   return (
-    <div className={`flex-col items-start justify-start mt-[40px] ${data?.address[0]?.phone ? 'flex' : 'hidden'}`}>
+    <div
+      className={`flex-col items-start justify-start mt-[40px] ${data?.address[0]?.phone ? "flex" : "hidden"}`}
+    >
       <div className="flex items-center justify-start gap-[6px]">
         <TelefonPoster />
         <p className="text-[#E7EEF6] text-[20px] font-semibold">تلفن:</p>
@@ -10,9 +12,20 @@ function Telefon({ data }) {
       <p className="text-[#E7EEF6] text-[16px] font-normal mt-[16px]">
         {data?.address[0]?.phone}
       </p>
-      {/* <p className="text-[#E7EEF6] text-[16px] font-normal mt-[12px]">
-        {data?.address[0]?.phone} - {data?.address[0]?.phone}
-      </p> */}
+      {data?.address &&
+        data?.address.length > 1 &&
+        data?.address.map(
+          (item, idx) =>
+            idx !== 0 && (
+              <span
+                key={idx}
+                dir="ltr"
+                className="text-[#E7EEF6] text-[16px] w-fit font-normal mt-[12px] inline"
+              >
+                {item?.phone} -
+              </span>
+            )
+        )}
     </div>
   );
 }

components/doctor/poster/index.js

@@ -8,7 +8,7 @@ import QrImg from "./QrImg";
 
 function Poster({ data }) {
   return (
-    <div className="bg-poster rounded-[16px] overflow-hidden !pt-[32px] p-[24px] relative flex justify-between items-start">
+    <div className="bg-poster overflow-hidden !pt-[32px] p-[24px] relative flex justify-between items-start">
       <div>
         <div className="flex items-center justify-start gap-[5px]">
           <Image src={Logo} width={30} height={30} alt="logo" />

components/doctors/index.js

@@ -11,7 +11,7 @@ import cities from "@/data/city.json";
 function DoctorsPage({ matchedCity, matchedState, list }) {
   const searchParams = useSearchParams();
   const [page, setPage] = useState(list?.page?.currentPage);
-  const [doctors, setDoctors] = useState(list.data);
+  const [doctors, setDoctors] = useState(list?.data);
   const fieldName = searchParams.get("specialty");
 
   const findItem = (key, name) =>