install and handle casle & prevent page dashboard & handle register and code verfication & get data in clinics page

app/clinics/page.js

@@ -1,15 +1,26 @@
+// app/clinics/page.js
 import ClinicsPage from "@/components/clinics";
 import Layout from "@/components/layout/StLayout";
 import { getStateInfo } from "@/lib/getStateInfo";
+import axios from "axios";
 
-function Clinics() {
+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 = response.data.$data;
+  console.log(clinics);
+
   return (
     <Layout name="/clinics">
-      <ClinicsPage matchedCity={matchedCity} matchedState={matchedState} />
+      <ClinicsPage
+        clinics={clinics}
+        matchedCity={matchedCity}
+        matchedState={matchedState}
+      />
     </Layout>
   );
 }
-
-export default Clinics;