refactor: Add suspense boundary around Algolia search

src/components/header/index.jsx

@@ -5,6 +5,7 @@ import Search from './search';
 import style from './style.module.css';
 import config from '../../config.json';
 import { useCallback, useEffect } from 'preact/hooks';
+import { Suspense } from 'preact/compat';
 import ReleaseLink from './gh-version';
 import Corner from './corner';
 import { useOverlayToggle } from '../../lib/toggle-overlay';
@@ -35,7 +36,9 @@ export default function Header() {
 			<div class={style.outer}>
 				<div class={style.inner}>
 					<Nav class={style.nav} routes={config.nav} current={url} />
-					<Search />
+					<Suspense fallback={<span>Search</span>}>
+						<Search />
+					</Suspense>
 					<div class={style.social}>
 						<ReleaseLink class={cx(style.socialItem, style.release)} />
 						<SocialIcon