feat(lab): port lab to new prebuild refactor

sites/lab/components/navigation/modal-menu.mjs

@@ -1,33 +1,28 @@
-import { SectionsMenu } from 'site/components/navigation/sections-menu.mjs'
-import { useTranslation } from 'next-i18next'
-import { ActiveSection, ns as primaryNs } from 'shared/components/navigation/primary.mjs'
+// Components
+import { SectionsMenu, ns as sectionsNs } from 'shared/components/navigation/sections-menu.mjs'
 import { ModalWrapper } from 'shared/components/wrappers/modal.mjs'
+import { ChoiceLink } from 'shared/components/choice-link.mjs'
 
-export const ns = primaryNs
+export const ns = sectionsNs
 
-export const ModalMenu = () => {
-  const { t } = useTranslation(ns)
-
-  return (
-    <ModalWrapper flex="col" justify="top lg:justify-center" slideFrom="left">
-      <div className="max-w-full">
-        <div
-          className={`
-        py-4 lg:py-16 w-full m-auto
-        flex flex-col-reverse gap-0 flex-wrap justify-between
-        lg:max-w-6xl lg:flex-nowrap lg:gap-8 lg:flex-row
-      `}
-        >
-          <div className="w-full lg:w-1/2">
-            <h3>{t('mainSections')}</h3>
-            <SectionsMenu />
-          </div>
-          <div className="w-full lg:w-1/2">
-            <h3>{t('currentSection')}</h3>
-            <ActiveSection bare />
-          </div>
+export const ModalMenu = () => (
+  <ModalWrapper flex="col" justify="top" slideFrom="left">
+    <div className="max-w-full">
+      <div
+        className={`
+      py-4 w-full m-auto
+      flex flex-col-reverse gap-0 flex-wrap justify-between
+      lg:max-w-6xl lg:flex-nowrap lg:gap-8 lg:flex-row
+    `}
+      >
+        <div className="w-full">
+          <SectionsMenu />
+          <ChoiceLink href="/sitemap" title="Sitemap">
+            The sitemap lists all pages on this website. It can give you a good idea of what you can
+            find here.
+          </ChoiceLink>
         </div>
       </div>
-    </ModalWrapper>
-  )
-}
+    </div>
+  </ModalWrapper>
+)