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

app/clinic/[slug]/page.js

@@ -1,18 +1,18 @@
 import ClinicPage from "@/components/clinic";
 import Layout from "@/components/layout/StLayout";
-import axios from "axios";
+import { fetchReq } from "@/lib/ability";
 
 async function Clinic({ params: { slug } }) {
-  const reqClinics = await axios.get(
+  const reqClinics = await fetchReq(
     `https://back-dev.clinic-pro.ir/api/v1/clinic/${slug}`
   );
 
-  const reqDoctors = await axios.get(
+  const reqDoctors = await fetchReq(
     "https://back-dev.clinic-pro.ir/api/v1/doctors"
   );
 
-  const clinic = reqClinics.data;
-  const doctors = reqDoctors.data.$data;
+  const clinic = reqClinics;
+  const doctors = reqDoctors?.data || [];
 
   return (
     <Layout>