refactor(blog): drive blog and home sections from markdown data

app/blog/page.tsx

@@ -1,5 +1,15 @@
 import { BlogContent } from "@/components/blog-content";
+import { getBlogPageData } from "@/data/blog";
 
-export default function BlogPage() {
-  return <BlogContent />;
+type BlogPageProps = {
+  searchParams?: Promise<{ page?: string }>;
+};
+
+export default async function BlogPage({ searchParams }: BlogPageProps) {
+  const resolved = searchParams ? await searchParams : undefined;
+  const page = Number(resolved?.page ?? "1");
+  const currentPage = Number.isFinite(page) && page > 0 ? Math.floor(page) : 1;
+  const data = await getBlogPageData(currentPage, 12);
+
+  return <BlogContent data={data} />;
 }