update design and request pages dashboards & doctors & doctor item & clinics & clinic item and layout

components/clinics/list/ItemClinic.js

@@ -15,14 +15,14 @@ function ItemClinic({ data }) {
           <Image
             width={60}
             height={60}
-            src={data.clinic_logo.url || ""}
+            src={data.clinic_logo[0].url || ""}
             alt="img clinic"
           />
         </CircularLoading>
         <div className="flex flex-col items-start justify-center gap-2">
           <TextLoading width={100} height={18}>
             <h3 className="text-[#3B3B3B] text-[14px] font-bold">
-              {data.label}
+              {data.title}
             </h3>
           </TextLoading>
           <TextLoading width={60} height={18}>

components/clinics/list/index.js

@@ -8,11 +8,7 @@ function List({ selected, clinics }) {
   return (
     <div className="padding-responsive pt-[20px]">
       <Pageguide list={listPage} />
-      {clinics.length === 0 ? (
-        <div className="text-center py-10 text-gray-500">
-          کلینیکی با این عنوان یافت نشد!
-        </div>
-      ) : (
+      {clinics && clinics.length ? (
         <ul
           className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-[24px] 
             gap-y-[16px] sm:gap-y-[24px] md:gap-y-[32px] lg:gap-y-[40px] mt-6"
@@ -21,6 +17,10 @@ function List({ selected, clinics }) {
             <ItemClinic data={item} key={item.id} />
           ))}
         </ul>
+      ) : (
+        <div className="text-center py-10 text-gray-500">
+          کلینیکی با این عنوان یافت نشد!
+        </div>
       )}
       <div className="mt-[48px] flex justify-center">
         <Pagination list={clinics} itemsPerPage={12} />