Test suspense in dynamic content manager

components/layout/header/search/open-search.tsx

@@ -0,0 +1,12 @@
+import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
+import clsx from 'clsx';
+
+export default function OpenSearch({ className }: { className?: string }) {
+  return (
+    <div className="relative flex h-11 w-11 items-center justify-center text-high-contrast">
+      <MagnifyingGlassIcon
+        className={clsx('h-5 transition-all ease-in-out hover:scale-110 ', className)}
+      />
+    </div>
+  );
+}