feat: Refactor blog components and add pagination

app/blog/components/NewsSection.tsx

@@ -1,15 +1,38 @@
 import NewsList from "./NewsList";
 import Sidebar from "./Sidebar";
+import Pagination from "./Pagination";
+import type { BlogPost, BlogPagination } from "@/types";
 
-export default function NewsSection() {
+interface NewsSectionProps {
+  blogs?: BlogPost[];
+  categorySlug?: string;
+  tagSlug?: string;
+  searchQuery?: string;
+  pagination?: BlogPagination;
+}
+
+export default function NewsSection({
+  blogs,
+  categorySlug,
+  tagSlug,
+  searchQuery,
+  pagination,
+}: NewsSectionProps) {
   return (
     <section className="news-standard-section section-padding fix">
       <div className="container">
         <div className="news-standard-wrapper">
           <div className="row g-4">
-            <NewsList />
-            <Sidebar />
+            <NewsList blogs={blogs} categorySlug={categorySlug} tagSlug={tagSlug} />
+            <Sidebar searchQuery={searchQuery} />
           </div>
+          {pagination && pagination.total > 1 && (
+            <div className="row g-4 mt-4">
+              <div className="col-12">
+                <Pagination basePath="/blog" pagination={pagination} searchQuery={searchQuery} />
+              </div>
+            </div>
+          )}
         </div>
       </div>
     </section>