fix z-index on modal dialog overlay so it covers topbar

Author: david-crespo

app/ui/lib/DialogOverlay.tsx

@@ -9,5 +9,9 @@
 import { forwardRef } from 'react'
 
 export const DialogOverlay = forwardRef<HTMLDivElement>((_, ref) => (
-  <div ref={ref} aria-hidden className="fixed inset-0 z-10 overflow-auto bg-scrim" />
+  <div
+    ref={ref}
+    aria-hidden
+    className="z-modalOverlay fixed inset-0 overflow-auto bg-scrim"
+  />
 ))

tailwind.config.js

@@ -48,8 +48,9 @@ module.exports = {
         modal: '40',
         sideModalDropdown: '40',
         sideModal: '30',
-        topBarDropdown: '25',
-        topBar: '20',
+        modalOverlay: '25',
+        topBarDropdown: '20',
+        topBar: '15',
         popover: '10',
         contentDropdown: '10',
         content: '0',