feat: add highPriority option to Modal for goto-anything layering (#23783)

web/app/components/base/modal/index.tsx

@@ -15,6 +15,7 @@ type IModal = {
   children?: React.ReactNode
   closable?: boolean
   overflowVisible?: boolean
+  highPriority?: boolean // For modals that need to appear above dropdowns
 }
 
 export default function Modal({
@@ -27,10 +28,11 @@ export default function Modal({
   children,
   closable = false,
   overflowVisible = false,
+  highPriority = false,
 }: IModal) {
   return (
     <Transition appear show={isShow} as={Fragment}>
-      <Dialog as="div" className={classNames('relative z-[60]', wrapperClassName)} onClose={onClose}>
+      <Dialog as="div" className={classNames('relative', highPriority ? 'z-[1100]' : 'z-[60]', wrapperClassName)} onClose={onClose}>
         <TransitionChild>
           <div className={classNames(
             'fixed inset-0 bg-background-overlay',