feat: make blog data dynamic

app/api/blogs/route.js

@@ -0,0 +1,16 @@
+import { NextResponse } from "next/server";
+import axios from "axios";
+import { backendUrl } from "@/utils/axios";
+
+export async function GET() {
+  try {
+    const response = await axios.get(`${backendUrl}/blogs/`);
+    return NextResponse.json(response.data);
+  } catch (error) {
+    console.error("Error fetching blogs:", error);
+    return NextResponse.json(
+      { error: "Failed to fetch blog data" },
+      { status: 500 }
+    );
+  }
+}