implement highlight error handling (#50)

why:
- component wasn't handling null/undefined highglights, breaking upon a
fresh install;
how:
- temporarily replaces the highlights with a placeholder;
- also updates `fetcher` with `cache: 'no-store'` as the iteration on
`main` does not handle new content properly;

src/app/(pages)/[slug]/page.tsx

@@ -17,11 +17,14 @@ import HubHead from '@/app/_blocks/HubHead'
 
 export default async function Page({ params: { slug = 'home' } }) {
   const articles = await fetcher({ query: ALL_CONTENT })
-  const highglights = await fetchSettings()
+  const highlights = await fetchSettings()
+
+  console.log(articles)
+  console.log(highlights);
 
   return (
     <>
-      <HubHead highlights={highglights} />
+      <HubHead highlights={highlights} />
 
       {/* Search Bar */}
       <SearchBar />

src/app/_blocks/HubHead/Highlights/index.tsx

@@ -19,7 +19,7 @@ export function Highlights({ content, main }) {
 
   const { title, publishedAt, categories, authors } = content;
 
-
+  console.log(content === placeholder);
   return (
     <>
 

src/app/_utilities/fetcher.ts

@@ -14,6 +14,7 @@ export async function fetcher(args: {
       headers: {
         'Content-Type': 'application/json',
       },
+      cache: 'no-store',
       body: JSON.stringify({
         query: query,
         ...(variables && { variables: variables }),