[Accessibility Audit] Remove / shortcut for search (#55558)

Author: ashishkeshan

src/frame/components/page-header/Header.tsx

@@ -89,18 +89,6 @@ export const Header = () => {
     return () => window.removeEventListener('keydown', close)
   }, [])
 
-  // Listen for '/' so we can open the search overlay when pressed. (only enabled for showNewSearch is true for new search experience)
-  useEffect(() => {
-    const open = (e: KeyboardEvent) => {
-      if (e.key === '/' && showNewSearch && !isSearchOpen) {
-        e.preventDefault()
-        setIsSearchOpen(true)
-      }
-    }
-    window.addEventListener('keydown', open)
-    return () => window.removeEventListener('keydown', open)
-  }, [isSearchOpen, showNewSearch])
-
   // For the UI in smaller browser widths, and focus the picker menu button when the search
   // input is closed.
   useEffect(() => {

src/search/components/input/SearchBarButton.tsx

@@ -39,12 +39,6 @@ export function SearchBarButton({ isSearchOpen, setIsSearchOpen, params, searchB
     }
   }
 
-  const shortcutElements = t('search.input.shortcut')
-    .split(/({{[^}]+}})/)
-    .filter((item) => item.trim() !== '')
-    .map((item) => <>{item.trim()}</>)
-  shortcutElements[1] = <kbd className={styles.forwardSlashIcon}>/</kbd>
-
   const placeHolderElements = t('search.input.placeholder')
     .split(/({{[^}]+}})/)
     .filter((item) => item.trim() !== '')
@@ -91,7 +85,6 @@ export function SearchBarButton({ isSearchOpen, setIsSearchOpen, params, searchB
                 ) : (
                   <>
                     <span className={styles.placeholderText}>{placeHolderElements}</span>
-                    <span className={styles.placeholderShortcutContainer}>{shortcutElements}</span>
                   </>
                 )}
               </span>