feat: Refactor blog components and add pagination

app/blog/page.tsx

@@ -1,11 +1,33 @@
 import Breadcrumb from "@/app/components/Breadcrumb";
 import NewsSection from "./components/NewsSection";
+import { fetchBlogList } from "@/api/blog";
+
+interface NewsPageProps {
+  searchParams?: Promise<{ search?: string; page?: string }> | { search?: string; page?: string };
+}
+
+export default async function NewsPage({ searchParams }: NewsPageProps) {
+  const resolvedSearchParams =
+    searchParams instanceof Promise ? await searchParams : searchParams;
+  const searchQuery = resolvedSearchParams?.search?.toString() || "";
+  const pageParam = resolvedSearchParams?.page?.toString() || "1";
+  const currentPage = Number.parseInt(pageParam, 10) || 1;
+
+  // Fetch blog list from API
+  const blogResponse = await fetchBlogList({
+    page: currentPage,
+    limit: 10,
+    ...(searchQuery ? { search: searchQuery } : {}),
+  });
+  const { blogs, pagination } = blogResponse.data;
 
-export default function NewsPage() {
   return (
     <>
-      <Breadcrumb title="Blog Stardard" current="Blog Stardard" />
-      <NewsSection />
+      <Breadcrumb
+        title={searchQuery ? `Search: ${searchQuery}` : "Blog Standard"}
+        current="Blog Standard"
+      />
+      <NewsSection blogs={blogs} searchQuery={searchQuery} pagination={pagination} />
     </>
   );
 }