feat(org): Ported components to mjs and named exports

sites/shared/components/modal.mjs

@@ -0,0 +1,20 @@
+export const Modal = ({ cancel, children }) => (
+  <div
+    className={`
+    fixed top-0 left-0 right-0 w-screen h-screen
+    bg-neutral bg-opacity-80 z-30
+    hover:cursor-pointer flex flex-col justify-center
+    `}
+    onClick={cancel}
+  >
+    <div
+      className="m-auto text-neutral-content lightbox"
+      style={{
+        maxHeight: 'calc(100vh - 6rem)',
+        maxWidth: 'calc(100vw - 6rem)',
+      }}
+    >
+      {children}
+    </div>
+  </div>
+)