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

components/blogs/latestArticles/index.js

@@ -1,20 +1,19 @@
-import articles from "@/data/articles.json";
 import Article from "./Article";
 import Pagination from "@/app/component/Pagination";
 
-function LatestArticles({ loading }) {
+function LatestArticles({ blogs }) {
   return (
     <div>
       <p className="text-[#3B3B3B] text-[20px] font-bold my-[16px] md:my-[20px] lg:my-[24px]">
         جدیدترین مقاله ها
       </p>
       <ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[16px] md:gap-[20px] lg:gap-[24px]">
-        {articles.map((item) => (
-          <Article data={item} key={item.id} loading={loading} />
+        {blogs.map((item) => (
+          <Article data={item} key={item.uuid} />
         ))}
       </ul>
       <div className="mt-[56px] flex justify-center">
-        <Pagination />
+        <Pagination list={blogs} itemsPerPage={12} />
       </div>
     </div>
   );