add state of page in url, add location and working_days on list in clinics page, fix update list clinic with page and limit value, hide pagination when list of clinic is empty, round image of doctor and appo in doctor item

components/doctor/poster/Address.js

@@ -7,8 +7,8 @@ function Address({ data }) {
         <ClipBoard />
         <p className="text-[#E7EEF6] text-[20px] font-semibold">آدرس:</p>
       </div>
-      <p className="text-[#E7EEF6] text-[16px] !font-normal mt-[16px]">
-        {data?.location}
+      <p className="text-[#E7EEF6] text-[16px] !font-normal mt-[16px] text-right">
+        {data?.address[0]?.address}
       </p>
     </div>
   );

components/doctor/poster/ImageProfile.js

@@ -3,7 +3,13 @@ import Image from "next/image";
 function ImageProfile({ data }) {
   return (
     <div className="bg-stroke-circle ml-[10px] mt-[57px] p-[9px] rounded-full overflow-hidden">
-      <Image src={data?.img} width={173} height={173} alt="profile-user" />
+      <Image
+        src={data?.img[0]?.url}
+        width={173}
+        height={173}
+        alt="profile-user"
+        className="rounded-full"
+      />
     </div>
   );
 }

components/doctor/poster/Telefon.js

@@ -2,17 +2,17 @@ import TelefonPoster from "@/components/icons/TelefonPoster";
 
 function Telefon({ data }) {
   return (
-    <div className="flex flex-col items-start justify-start mt-[40px]">
+    <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>
       </div>
       <p className="text-[#E7EEF6] text-[16px] font-normal mt-[16px]">
-        {data?.phone}
-      </p>
-      <p className="text-[#E7EEF6] text-[16px] font-normal mt-[12px]">
-        {data?.phone} - {data?.phone}
+        {data?.address[0]?.phone}
       </p>
+      {/* <p className="text-[#E7EEF6] text-[16px] font-normal mt-[12px]">
+        {data?.address[0]?.phone} - {data?.address[0]?.phone}
+      </p> */}
     </div>
   );
 }

components/doctor/poster/index.js

@@ -14,10 +14,10 @@ function Poster({ data }) {
           <Image src={Logo} width={30} height={30} alt="logo" />
           <p className="text-[#E7EEF6] text-[16px] font-bold">nobat724.com</p>
         </div>
-        <p className="mt-[40px] text-[#E7EEF6] text-[20px] font-bold">
+        <p className="mt-[40px] text-[#E7EEF6] text-[20px] font-bold text-right">
           {data?.name}
         </p>
-        <p className="text-[24px] mt-[20px] text-[#E7EEF6] font-bold">
+        <p className="text-[24px] mt-[20px] text-[#E7EEF6] font-bold text-right">
           تخصص:
           {data?.expertise?.map(
             (item, idx) =>