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

app/blog/[slug]/page.js

@@ -1,13 +1,21 @@
+import axios from "axios";
 import BlogPage from "@/components/blog";
 import articles from "@/data/articles.json";
 import Layout from "@/components/layout/StLayout";
 
-function Blog({ params: { slug } }) {
-  const article = articles.find((item) => item.id === +slug);
+async function Blog({ params: { slug } }) {
+  const blog = await axios.get(
+    `https://back-dev.clinic-pro.ir/api/v1/blog/${slug}`
+  );
+  const blogs = await axios.get("https://back-dev.clinic-pro.ir/api/v1/blogs");
+
+  const resBlog = blog.data;
+  const resBlogs = blogs.data;
+  console.log(resBlogs);
 
   return (
     <Layout>
-      <BlogPage article={article} articles={articles} />
+      <BlogPage blog={resBlog} blogs={resBlogs} />
     </Layout>
   );
 }