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/index.tsx

@@ -2,12 +2,10 @@ import clsx from "clsx"
 import NavbarLink from "./Link"
 import NavbarColorModeToggle from "./ColorModeToggle"
 import NavbarLogo from "./Logo"
-import SearchBar from "../SearchBar"
-import NavbarMenuButton from "./MenuButton"
 import getLinkWithBasePath from "../../utils/get-link-with-base-path"
 import FeedbackModal from "./FeedbackModal"
-import NavbarMobileLogo from "./MobileLogo"
 import MobileMenu from "./MobileMenu"
+import SearchModalOpener from "../Search/ModalOpener"
 
 const Navbar = () => {
   return (
@@ -44,8 +42,8 @@ const Navbar = () => {
           </div>
         </div>
         <div className="hidden min-w-0 flex-1 items-center justify-end gap-0.5 lg:flex">
-          <div className="w-[240px] [&>*]:flex-1">
-            <SearchBar />
+          <div>
+            <SearchModalOpener />
           </div>
           <NavbarColorModeToggle />
           <FeedbackModal />