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',

web/app/components/goto-anything/index.tsx

@@ -238,6 +238,7 @@ const GotoAnything: FC<Props> = ({
         }}
         closable={false}
         className='!w-[480px] !p-0'
+        highPriority={true}
       >
         <div className='flex flex-col rounded-2xl border border-components-panel-border bg-components-panel-bg shadow-xl'>
           <Command