Fix homepage fetching issues

frontend/app/Components/BlogPage/BlogHeader.js

@@ -5,7 +5,9 @@ const BlogHeader = ({ page }) => {
         {page.title}
       </h1>
       <div className="flex flex-row items-center justify-between md:py-10 py-5 pr-6">
-        <p className="text-black md:text-lg text-base">{page.author.name}</p>
+        {page.author ? (
+          <p className="text-black md:text-lg text-base">{page.author.name}</p>
+        ) : null}
         <time className="md:text-lg text-black text-base">
           {page.publication_date}
         </time>

frontend/app/blog/page.js

@@ -7,11 +7,6 @@ export default async function Home() {
       type: 'blog.BlogIndexPage',
       slug: 'blog',
     })}`,
-    {
-      headers: {
-        Accept: 'application/json',
-      },
-    },
   ).then((response) => response.json());
 
   const index = indexPages.items[0];

frontend/app/page.js

@@ -1,5 +1,10 @@
-import HomePage from '@/app/components/HomePage/HomePage';
+import HomePage from '@/app/Components/HomePage/HomePage';
+
+export default async function Home() {
+  const data = await fetch(
+    'http://localhost:8000/api/v2/pages/?type=home.HomePage&fields=*',
+  ).then((response) => response.json());
+  const page = data.items[0];
 
-export default function Home({ page }) {
   return <HomePage page={page} />;
 }