update project api and page, set pagination in blog and create content generator component, create blog single page, ui fix

src/app/api/blog/data.ts

@@ -1,59 +1,169 @@
 import images from '@/assets/images/images';
+import { IDynamicContent } from '@/models/dynamicContent';
 
-export interface IPostCardProps {
+export interface IPostThumbResponseData {
+  id: string;
+  title: string;
+  imageSrc: string;
+}
+export interface IPostResponseData extends IPostThumbResponseData {
+  content: IDynamicContent[];
+}
+
+export interface IPostData {
   id: string;
   title: string;
   fa_title?: string;
   imageSrc: string;
-  link: string;
+  content: IDynamicContent[];
+  fa_content: IDynamicContent[];
 }
 
-export const posts: IPostCardProps[] = [
+export const posts: IPostData[] = [
   {
     id: '1',
     title: 'Sustainable Practices Reducing Waste in Industrial Production',
     fa_title: 'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
-    imageSrc: images.blogImg_1.src,
-    link: '#',
+    imageSrc: '/images/project1.jpeg',
+    content: [
+      {
+        type: 'title',
+        data: 'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
+      },
+      {
+        type: 'content',
+        data: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.',
+      },
+      {
+        type: 'bullet',
+        data: [
+          'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
+          'رباتیک پیشرفته و تحول فرآیندهای صنعتی',
+          'مزایای اصلی استفاده از رباتیک در تولید',
+          'استفاده از تحلیل داده برای تولید هوشمندتر',
+          'کاهش هزینه‌ها با اتوماسیون',
+          'مزایای راه‌حل‌های سفارشی‌سازی در تولید',
+        ],
+      },
+      {
+        type: 'image',
+        data: {
+          src: '/images/project2.jpeg',
+          alt: '',
+          thumbTitle:
+            'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.',
+        },
+      },
+      {
+        type: 'numberList',
+        data: [
+          'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
+          'رباتیک پیشرفته و تحول فرآیندهای صنعتی',
+          'مزایای اصلی استفاده از رباتیک در تولید',
+          'استفاده از تحلیل داده برای تولید هوشمندتر',
+          'کاهش هزینه‌ها با اتوماسیون',
+          'مزایای راه‌حل‌های سفارشی‌سازی در تولید',
+        ],
+      },
+    ],
+    fa_content: [
+      {
+        type: 'title',
+        data: 'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
+      },
+      {
+        type: 'content',
+        data: {
+          links: [
+            {
+              link: '/',
+              key: '_link',
+              label: 'ایپسوم',
+            },
+          ],
+          data: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم\n متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم _link متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده\n از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.',
+        },
+      },
+      {
+        type: 'bullet',
+        data: [
+          'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
+          'رباتیک پیشرفته و تحول فرآیندهای صنعتی',
+          'مزایای اصلی استفاده از رباتیک در تولید',
+          'استفاده از تحلیل داده برای تولید هوشمندتر',
+          'کاهش هزینه‌ها با اتوماسیون',
+          'مزایای راه‌حل‌های سفارشی‌سازی در تولید',
+        ],
+      },
+      {
+        type: 'image',
+        data: {
+          src: '/images/project1.jpeg',
+          alt: '',
+          thumbTitle:
+            'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.',
+        },
+      },
+      {
+        type: 'title',
+        data: 'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
+      },
+      {
+        type: 'numberList',
+        data: [
+          'روش‌های پایدار برای کاهش ضایعات در تولید صنعتی',
+          'رباتیک پیشرفته و تحول فرآیندهای صنعتی',
+          'مزایای اصلی استفاده از رباتیک در تولید',
+          'استفاده از تحلیل داده برای تولید هوشمندتر',
+          'کاهش هزینه‌ها با اتوماسیون',
+          'مزایای راه‌حل‌های سفارشی‌سازی در تولید',
+        ],
+      },
+    ],
   },
   {
     id: '2',
     title: 'Advanced Robotics Revolutionizing Industrial Workflows',
     fa_title: 'رباتیک پیشرفته و تحول فرآیندهای صنعتی',
-    imageSrc: images.blogImg_1.src,
-    link: '#',
+    imageSrc: '/images/project2.jpeg',
+    content: [],
+    fa_content: [],
   },
   {
     id: '3',
     title: 'Top Benefits of the Robotics in Manufacturing',
     fa_title: 'مزایای اصلی استفاده از رباتیک در تولید',
-    imageSrc: images.blogImg_1.src,
-    link: '#',
+    imageSrc: '/images/project4.jpeg',
+    content: [],
+    fa_content: [],
   },
   {
     id: '4',
     title: 'Leveraging Data Analytics for Smarter Production',
     fa_title: 'استفاده از تحلیل داده برای تولید هوشمندتر',
-    imageSrc: images.blogImg_1.src,
-    link: '#',
+    imageSrc: '/images/project3.jpeg',
+    content: [],
+    fa_content: [],
   },
   {
     id: '5',
     title: 'Reducing Operational Costs Through Automation',
     fa_title: 'کاهش هزینه‌ها با اتوماسیون',
-    imageSrc: '/images/post5.jpg',
-    link: '#',
+    imageSrc: '/images/project2.jpeg',
+    content: [],
+    fa_content: [],
   },
   {
     id: '6',
     title: 'The Advantages of Customized Manufacturing Solutions',
     fa_title: 'مزایای راه‌حل‌های سفارشی‌سازی در تولید',
-    imageSrc: '/images/post6.jpg',
-    link: '#',
+    imageSrc: '/images/project4.jpeg',
+    content: [],
+    fa_content: [],
   },
 ];
 
-export function generatePosts(): IPostCardProps[] {
+export function generatePosts(): IPostData[] {
   return [...posts, ...posts, ...posts].map((e, i) => ({
     ...e,
     id: String(i + 1),