docs,api-ref: added search filters (#4830)

* initial implementation of search modal

* added hit and search suggestions

* added support for multiple indices

* updated sample env

* added close when click outside dropdown

* test for mobile

* added mobile design

* added shortcut

* dark mode fixes

* added search to docs

* added plugins filter

* added React import

* moved filters to configurations

* handled error on page load

* change suggestion text

* removed hits limit

* handle select all

* open link in current tab

* change highlight colors

* added support for shortcuts + auto focus

* change header and footer

* redesigned search ui

www/api-reference/components/Navbar/MobileMenu/index.tsx

@@ -1,33 +1,13 @@
 "use client"
 
-import { useCallback, useEffect, useState } from "react"
 import NavbarMenuButton from "../MenuButton"
 import NavbarMobileLogo from "../MobileLogo"
-import SearchBar from "../../SearchBar"
 import NavbarColorModeToggle from "../ColorModeToggle"
+import SearchModalOpener from "../../Search/ModalOpener"
+import { useMobile } from "../../../providers/mobile"
 
 const MobileMenu = () => {
-  const [isMobile, setIsMobile] = useState(false)
-
-  const handleResize = useCallback(() => {
-    if (window.innerWidth < 1025 && !isMobile) {
-      setIsMobile(true)
-    } else if (window.innerWidth >= 1025 && isMobile) {
-      setIsMobile(false)
-    }
-  }, [isMobile])
-
-  useEffect(() => {
-    window.addEventListener("resize", handleResize)
-
-    return () => {
-      window.removeEventListener("resize", handleResize)
-    }
-  }, [handleResize])
-
-  useEffect(() => {
-    handleResize()
-  }, [])
+  const { isMobile } = useMobile()
 
   return (
     <div className="flex w-full items-center justify-between lg:hidden">
@@ -41,7 +21,7 @@ const MobileMenu = () => {
           />
           <NavbarMobileLogo />
           <div className="flex">
-            <SearchBar />
+            <SearchModalOpener />
             <NavbarColorModeToggle
               buttonProps={{
                 className: