fix: empty bullet item on PageGrid (#9346)

Author: a-hariti

src/components/pageGrid.tsx

@@ -28,14 +28,17 @@ export function PageGrid({header}: Props) {
     <nav>
       {header && <h2>{header}</h2>}
       <ul>
-        {parentNode.children.map(n => (
-          <li key={n.path} style={{marginBottom: '1rem'}}>
-            <h4 style={{marginBottom: 0}}>
-              <Link href={'/' + n.path}>{n.frontmatter.title}</Link>
-            </h4>
-            {n.frontmatter.description ?? <p>{n.frontmatter.description}</p>}
-          </li>
-        ))}
+        {parentNode.children
+          /* NOTE: temp fix while we figure out the reason why some nodes have empty front matter */
+          .filter(c => c.frontmatter.title)
+          .map(n => (
+            <li key={n.path} style={{marginBottom: '1rem'}}>
+              <h4 style={{marginBottom: 0}}>
+                <Link href={'/' + n.path}>{n.frontmatter.title}</Link>
+              </h4>
+              {n.frontmatter.description && <p>{n.frontmatter.description}</p>}
+            </li>
+          ))}
       </ul>
     </nav>
   );