change data blog item and clinic item & change pages clinic and clinic to ssr & remove loading & handle pagination page clinics

components/clinic/components/contact/ContentDetail.js

@@ -1,14 +1,14 @@
 import TextLoading from "@/app/component/loading/Text";
 
-function ContentDetail({ head, detail, loading }) {
+function ContentDetail({ head, detail }) {
   return (
     <li className="flex flex-col items-start justify-center gap-4">
-      <TextLoading width={100} height={18} loading={loading}>
+      <TextLoading width={100} height={18}>
         <p className="text-[#525252] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
           {head}
         </p>
       </TextLoading>
-      <TextLoading width={160} height={18} loading={loading}>
+      <TextLoading width={160} height={18}>
         <p className="text-[14px] md:text-[16px] text-[#525252]">{detail}</p>
       </TextLoading>
     </li>

components/clinic/components/contact/Detail.js

@@ -1,20 +1,18 @@
 import ContentDetail from "./ContentDetail";
 
-function Detail({ data, loading }) {
+function Detail({ data }) {
   return (
     <ul className="flex flex-col items-start justify-start gap-[16px]">
       <ContentDetail
         head="روزهای کاری: "
-        loading={loading}
         detail={`ساعت کاری: ${data.hours_of_work}`}
       />
       <ContentDetail
         head="تلفن: "
-        loading={loading}
         detail={`${data.phone_number_1} ${data.phone_number_2}`}
       />
-      <ContentDetail head="ایمیل:" loading={loading} detail={data.email} />
-      <ContentDetail head="آدرس: " loading={loading} detail={data.location} />
+      <ContentDetail head="ایمیل:" detail={data.email} />
+      <ContentDetail head="آدرس: " detail={data.location} />
     </ul>
   );
 }

components/clinic/components/contact/index.js

@@ -7,7 +7,7 @@ import RoutingC from "@/components/icons/RoutingC";
 import ModalOpenLocation from "@/app/component/openLocation";
 import CustomLoading from "@/app/component/loading/Custom";
 
-function Contact({ data, loading }) {
+function Contact({ data }) {
   const [open, setOpen] = useState(false);
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
@@ -21,7 +21,7 @@ function Contact({ data, loading }) {
             "
     >
       <div className="flex items-end justify-between">
-        <Detail data={data} loading={loading} />
+        <Detail data={data} />
         <ModalOpenLocation
           open={open}
           setOpen={setOpen}
@@ -38,7 +38,7 @@ function Contact({ data, loading }) {
         </ModalOpenLocation>
       </div>
       <div className="w-full relative h-[460px] mt-[24px]">
-        <CustomLoading width="full" height={400} loading={loading}>
+        <CustomLoading width="full" height={400}>
           <iframe
             src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.96777841153!2d2.264635095144491!3d48.85882549249809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C%20France!5e0!3m2!1sen!2snl!4v1723498499341!5m2!1sen!2snl"
             className="w-full h-full rounded-lg"