refactor: make modals/popovers scrollable on ios when keyboard is open

packages/web/src/javascripts/Components/Menu/MenuItem.tsx

@@ -31,7 +31,7 @@ const MenuItem = forwardRef(
           role="menuitem"
           tabIndex={typeof tabIndex === 'number' ? tabIndex : FOCUSABLE_BUT_NOT_TABBABLE}
           className={classNames(
-            'flex w-full cursor-pointer border-0 bg-transparent px-3 py-2 text-left md:py-1.5',
+            'flex w-full cursor-pointer select-none border-0 bg-transparent px-3 py-2 text-left md:py-1.5',
             'text-mobile-menu-item text-text hover:bg-contrast hover:text-foreground',
             'focus:bg-info-backdrop focus:shadow-none md:text-tablet-menu-item lg:text-menu-item',
             className,

packages/web/src/javascripts/setViewportHeightWithFallback.tsx

@@ -9,6 +9,7 @@ export const setCustomViewportHeight = (height: number, suffix: 'px' | 'vh', for
   log(LoggingDomain.Viewport, `setCustomViewportHeight: ${value}`)
 
   document.body.style.height = value
+  document.documentElement.style.setProperty('--ios-viewport-height', value)
 
   if (forceTriggerResizeEvent) {
     window.dispatchEvent(new Event('resize'))