handle limit page dashboard & change header profile user & get data from api in page clinics & clinic item and doctor item

app/clinic/[slug]/page.js

@@ -1,10 +1,18 @@
 import ClinicPage from "@/components/clinic";
 import Layout from "@/components/layout/StLayout";
-import clinics from "@/data/clinics.json";
-import doctors from "@/data/doctors.json";
+import axios from "axios";
 
-function Blog({ params: { slug } }) {
-  const clinic = clinics.find((item) => item.id === +slug);
+async function Clinic({ params: { slug } }) {
+  const reqClinics = await axios.get(
+    `https://back-dev.clinic-pro.ir/api/v1/clinic/${slug}`
+  );
+
+  const reqDoctors = await axios.get(
+    "https://back-dev.clinic-pro.ir/api/v1/doctors"
+  );
+
+  const clinic = reqClinics.data;
+  const doctors = reqDoctors.data.$data;
 
   return (
     <Layout>
@@ -13,4 +21,4 @@ function Blog({ params: { slug } }) {
   );
 }
 
-export default Blog;
+export default Clinic;