Fix WebKit blur event bug in omnibar components (#1851)

Replace onBlur with onBlurCapture in SearchForm and AiChatForm to fix
WebKit-specific bug where blur events don't fire when focus moves to
the address bar. The capture phase ensures blur handlers execute
in all cases.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-authored-by: Claude <[email protected]>

Author: noisysocks

special-pages/pages/new-tab/app/omnibar/components/AiChatForm.js

@@ -97,8 +97,9 @@ export function AiChatForm({ chat, autoFocus, onFocus, onBlur, onInput, onChange
                 aria-label={t('omnibar_aiChatFormPlaceholder')}
                 autoComplete="off"
                 rows={1}
-                onFocus={onFocus}
-                onBlur={onBlur}
+                // Using capture to work around WebKit which doesn't fire focus/blur event when user moves focus from/to address bar.
+                onFocusCapture={onFocus}
+                onBlurCapture={onBlur}
                 onInput={onInput}
                 onKeyDown={handleKeyDown}
                 onChange={handleChange}

special-pages/pages/new-tab/app/omnibar/components/SearchForm.js

@@ -66,7 +66,12 @@ export function SearchForm({ term, autoFocus, onChangeTerm, onOpenSuggestion, on
     };
 
     return (
-        <form class={styles.form} onBlur={handleBlur} onSubmit={handleSubmit}>
+        <form
+            class={styles.form}
+            // Using onBlurCapture to work around WebKit which doesn't fire blur event when user selects address bar.
+            onBlurCapture={handleBlur}
+            onSubmit={handleSubmit}
+        >
             <div class={styles.inputContainer} style={{ '--suffix-text-width': `${measureText(inputSuffixText)}px` }}>
                 {inputSuffix?.kind === 'visit' ? <GlobeIcon inert /> : <SearchIcon inert />}
                 <input