Fix ESLint issues

app/components/settings/user/UsersWindow.tsx

@@ -515,13 +515,27 @@ export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
     </div>
   );
 
+  // Trap focus when window is open
+  useEffect(() => {
+    if (open) {
+      // Prevent background scrolling
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = 'unset';
+    }
+
+    return () => {
+      document.body.style.overflow = 'unset';
+    };
+  }, [open]);
+
   return (
     <>
       <DeveloperWindow open={showDeveloperWindow} onClose={handleDeveloperWindowClose} />
       <DndProvider backend={HTML5Backend}>
-        <RadixDialog.Root open={open && !showDeveloperWindow}>
+        <RadixDialog.Root open={open}>
           <RadixDialog.Portal>
-            <div className="fixed inset-0 flex items-center justify-center z-[50]">
+            <div className="fixed inset-0 flex items-center justify-center z-[100]">
               <RadixDialog.Overlay asChild>
                 <motion.div
                   className="absolute inset-0 bg-black/50 backdrop-blur-sm"
@@ -531,7 +545,12 @@ export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
                   transition={{ duration: 0.2 }}
                 />
               </RadixDialog.Overlay>
-              <RadixDialog.Content aria-describedby={undefined} asChild>
+              <RadixDialog.Content
+                aria-describedby={undefined}
+                onEscapeKeyDown={onClose}
+                onPointerDownOutside={onClose}
+                className="relative z-[101]"
+              >
                 <motion.div
                   className={classNames(
                     'relative',