feat(blog): enhance blog data handling with normalization and improved image management

components/blogs/index.js

@@ -5,6 +5,7 @@ import Head from "./Head";
 import Title from "./title";
 import LatestArticles from "./latestArticles";
 import { request } from "@/services/response";
+import { normalizeBlog } from "@/helper";
 
 function BlogsPage() {
   const [blogs, setBlogs] = useState([]);
@@ -25,8 +26,8 @@ function BlogsPage() {
           params.tag = selectedTag;
         }
         const response = await request.getBlogs(params);
-        setBlogs(response.blogs || []);
-        setTotalPages(response.page?.totalPages || 1);
+        setBlogs((response?.data || []).map(normalizeBlog));
+        setTotalPages(response?.meta?.totalPages || 1);
       } catch (error) {
         console.error("Error fetching blogs:", error);
         setBlogs([]);