fix(admin): rename autoFocus to focusOnOpen to resolve a11y lint error

The autoFocus prop name triggered the jsx-a11y/no-autofocus ESLint rule,
which prevents use of the HTML autoFocus attribute due to accessibility
concerns.

Renamed the prop to focusOnOpen to:
- Clarify it's a custom prop, not the HTML attribute
- Avoid naming conflicts with accessibility linting rules
- Better describe the behavior (focus when dialog opens)

The implementation already uses programmatic focus via useEffect and
refs (the accessible approach), so only the naming needed to change.

Author: galo13eth

app/src/components/admin/AdminImpersonationButton.tsx

@@ -153,7 +153,7 @@ export function AdminImpersonationButton() {
               placeholder="Search for user"
               loading={starting}
               loadingText="Starting"
-              autoFocus={open}
+              focusOnOpen={open}
             />
           </div>
 

app/src/components/admin/UserSearchAutocomplete.tsx

@@ -25,7 +25,7 @@ interface Props {
   disabled?: boolean
   placeholder?: string
   currentUserId?: string
-  autoFocus?: boolean
+  focusOnOpen?: boolean
   align?: "left" | "right"
   loading?: boolean
   loadingText?: string
@@ -48,7 +48,7 @@ export function UserSearchAutocomplete({
   disabled,
   placeholder,
   currentUserId,
-  autoFocus,
+  focusOnOpen,
   align = "left",
   loading = false,
   loadingText
@@ -115,14 +115,14 @@ export function UserSearchAutocomplete({
   }, [open])
 
   useEffect(() => {
-    if (open && autoFocus && inputRef.current) {
+    if (open && focusOnOpen && inputRef.current) {
       // Small delay to ensure the input is rendered
       const timeout = setTimeout(() => {
         inputRef.current?.focus()
       }, 100)
       return () => clearTimeout(timeout)
     }
-  }, [open, autoFocus])
+  }, [open, focusOnOpen])
 
   return (
     <div ref={containerRef} className="relative w-full">