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

app/clinics/page.js

@@ -1,22 +1,20 @@
 // app/clinics/page.js
 import ClinicsPage from "@/components/clinics";
 import Layout from "@/components/layout/StLayout";
+import { fetchReq } from "@/lib/ability";
 import { getStateInfo } from "@/lib/getStateInfo";
-import axios from "axios";
 
 export default async function Clinics() {
   const { matchedCity, matchedState } = getStateInfo();
 
-  const response = await axios.get(
-    "https://back-dev.clinic-pro.ir/api/v1/clinics?page=1&limit=10"
+  const clinics = await fetchReq(
+    "https://back-dev.clinic-pro.ir/api/v1/clinics"
   );
 
-  const clinics = response.data.$data;
-
   return (
     <Layout name="/clinics">
       <ClinicsPage
-        clinics={clinics}
+        clinics={clinics && clinics.data}
         matchedCity={matchedCity}
         matchedState={matchedState}
       />