chore: fix challenge modal height issues on iOS

packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx

@@ -57,6 +57,7 @@ const ModalOverlay = forwardRef(
       const div = document.createElement('div')
       div.id = id
       div.className = 'fixed flex items-center justify-center left-0 top-0 z-modal h-full w-full pointer-events-none'
+      div.setAttribute('data-dialog-portal', '')
       document.body.appendChild(div)
       return div
     }, [portalId])

packages/web/src/stylesheets/_modals.scss

@@ -151,7 +151,7 @@
 }
 
 [data-mobile-popover],
-[role='dialog'] {
+[data-dialog-portal] {
   max-height: none;
   max-height: var(--ios-viewport-height, none);
 }