refactor(pages): rewrite helpers to output schema in json-ld format

* make sure url are absolutes
* nest breadcrumb schema in webpage schema
* trim HTML tags from content/description
* use a regular script instead of next/script (with the latter the
schema is not updated on route change)
* place the script in document head
* add keywords, wordCount and readingTime keys in BlogPosting schema
* fix breadcrumbs in search page (without query)
* add tests (a `MatchInlineSnapshot` will be better but Prettier 3 is
not supported yet)

1 files changed, 6 insertions, 1 deletions

diff --git a/src/components/templates/layout/site-header/site-header.tsx b/src/components/templates/layout/site-header/site-header.tsx
index 3e06350..91add77 100644
--- a/src/components/templates/layout/site-header/site-header.tsx
+++ b/src/components/templates/layout/site-header/site-header.tsx
@@ -1,4 +1,5 @@
 import { type ForwardRefRenderFunction, forwardRef } from 'react';
+import { AUTHOR_ID } from '../../../../utils/constants';
 import { Header, type HeaderProps } from '../../../atoms';
 import { SiteBranding } from './site-branding';
 import styles from './site-header.module.scss';
@@ -16,7 +17,11 @@ const SiteHeaderWithRef: ForwardRefRenderFunction<
 
   return (
     <Header {...props} className={headerClass} ref={ref}>
-      <SiteBranding className={styles.branding} isHome={isHome} />
+      <SiteBranding
+        className={styles.branding}
+        id={AUTHOR_ID}
+        isHome={isHome}
+      />
       <SiteNavbar className={styles.navbar} />
     </Header>
   );