change data blog item and clinic item & change pages clinic and clinic to ssr & remove loading & handle pagination page clinics

app/blogs/page.js

@@ -1,12 +1,16 @@
 import BlogsPage from "@/components/blogs";
 import Layout from "@/components/layout/StLayout";
+import axios from "axios";
+
+export default async function Blogs() {
+  const response = await axios.get(
+    "https://back-dev.clinic-pro.ir/api/v1/blogs"
+  );
+  const blogs = response.data.blogs;
 
-function Blogs() {
   return (
     <Layout name="/blogs">
-      <BlogsPage />
+      <BlogsPage blogs={blogs} />
     </Layout>
   );
 }
-
-export default Blogs;