handle pagination in clinics page & change design login & fix bug filter state & change list most searched in home page & handle error page doctor item & change key url doctors and home page and get data from url & send data with url search to doctors page & show pagination only when list is long

components/doctor/detailDoctor/cards/comments/chart/index.js

@@ -54,13 +54,12 @@ function Chart({ doctor, loading }) {
       </div>
       <div className="flex flex-wrap items-center justify-center gap-[50px]">
         <ul
-          className={`flex w-full flex-col items-start justify-start gap-1.5 ${
-            loading ? "lg:w-full" : "lg:w-fit"
-          }`}
+          className={`flex w-full flex-col items-start justify-start gap-1.5 ${loading ? "lg:w-full" : "lg:w-fit"
+            }`}
         >
           {doctor.progress_detail.map((item, idx) => (
-            <TextLoading width="full" height={20} loading={loading}>
-              <ProgressDetail data={item} key={idx} />
+            <TextLoading width="full" key={idx} height={20} loading={loading}>
+              <ProgressDetail data={item} />
             </TextLoading>
           ))}
         </ul>