feat(shared): Allow links to break out of modal

sites/shared/components/designs/design.mjs

@@ -80,7 +80,12 @@ export const DesignCard = ({ name, lineDrawing = false }) => {
     <button
       onClick={() =>
         setModal(
-          <ModalWrapper flex="col" justify="top lg:justify-center" slideFrom="right">
+          <ModalWrapper
+            flex="col"
+            justify="top lg:justify-center"
+            slideFrom="right"
+            keepOpenOnClick
+          >
             <h1>{t(`designs:${name}.t`)}</h1>
             <DesignInfo design={name} modal />
           </ModalWrapper>

sites/shared/components/wrappers/modal.mjs

@@ -57,7 +57,13 @@ export const ModalWrapper = ({
     ? `lg:opacity-0 ${slideClasses[slideFrom]} lg:translate-x-0 lg:translate-y-0`
     : 'opacity-100 translate-none'
 
-  const stopClick = (evt) => evt.stopPropagation()
+  const stopClick = (evt) => {
+    /*
+     * Do not keep modal open for links (with a href)
+     * but do keep it open for buttons (like a new modal context)
+     */
+    if (!evt.target.attributes.href) evt.stopPropagation()
+  }
 
   return (
     <div