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

@@ -5,20 +5,22 @@ import { useSidebar } from "@/providers/sidebar"
 import IconSidebar from "../../Icons/Sidebar"
 import clsx from "clsx"
 import IconXMark from "../../Icons/XMark"
+import { usePageLoading } from "../../../providers/page-loading"
 
 type NavbarMenuButtonProps = {
   buttonProps?: NavbarIconButtonProps
 }
 
 const NavbarMenuButton = ({ buttonProps }: NavbarMenuButtonProps) => {
-  const { items, setMobileSidebarOpen, mobileSidebarOpen } = useSidebar()
+  const { setMobileSidebarOpen, mobileSidebarOpen } = useSidebar()
+  const { isLoading } = usePageLoading()
 
   return (
     <NavbarIconButton
       {...buttonProps}
       className={clsx("mr-1 lg:!hidden", buttonProps?.className)}
       onClick={() => {
-        if (items.top.length !== 0 && items.bottom.length !== 0) {
+        if (!isLoading) {
           setMobileSidebarOpen((prevValue) => !prevValue)
         }
       }}