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

components/doctor/detailDoctor/cards/AboutDcotor.js

@@ -5,7 +5,7 @@ import { Button } from "@mui/material";
 import MultilineLoading from "@/app/component/loading/Multiline";
 import TextLoading from "@/app/component/loading/Text";
 
-function AboutDcotor({ doctor, loading }) {
+function AboutDcotor({ doctor }) {
   const [isMore, setIsMore] = useState(false);
 
   return (
@@ -15,7 +15,7 @@ function AboutDcotor({ doctor, loading }) {
         className="absolute -translate-y-[148px] sm:-translate-y-[157px] md:-translate-y-[166px] lg:-translate-y-[176px]"
       ></a>
       <div className="flex flex-col items-center justify-center">
-        <MultilineLoading loading={loading} width="full" height={18} line={30}>
+        <MultilineLoading width="full" height={18} line={30}>
           <p
             className={`
                         text-[#616161] text-[14px] font-normal overflow-hidden relative
@@ -47,7 +47,7 @@ function AboutDcotor({ doctor, loading }) {
           {doctor?.specialties?.map((item, idx) => (
             <li key={idx} className="flex items-center justify-start gap-1">
               <span className="w-2 h-2 bg-[#F17732] rounded-full"></span>
-              <TextLoading loading={loading} width={70} height={18}>
+              <TextLoading width={70} height={18}>
                 <h4 className="text-[#616161] text-[16px] font-normal text-nowrap">
                   {item}
                 </h4>