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/docs/src/theme/Icon/index.ts

@@ -1,6 +1,7 @@
 import IconAcademicCapSolid from "./AcademicCapSolid"
 import IconAdjustments from "./Adjustments"
 import IconAlert from "./Alert"
+import IconArrowDownLeftMini from "./ArrowDownLeftMini"
 import IconArrowDownTray from "./ArrowDownTray"
 import IconBackArrow from "./BackArrow"
 import IconBarsThree from "./BarsThree"
@@ -19,7 +20,9 @@ import IconCashSolid from "./CashSolid"
 import IconChannels from "./Channels"
 import IconChannelsSolid from "./ChannelsSolid"
 import IconCheckCircleSolid from "./CheckCircleSolid"
+import IconCheckMini from "./CheckMini"
 import IconChevronDoubleLeftMiniSolid from "./ChevronDoubleLeftMiniSolid"
+import IconChevronUpDown from "./ChevronUpDown"
 import IconCircleDottedLine from "./CircleDottedLine"
 import IconCircleMiniSolid from "./CircleMiniSolid"
 import IconCircleStack from "./CircleStack"
@@ -43,6 +46,7 @@ import IconDarkMode from "./DarkMode"
 import IconDiscord from "./Discord"
 import IconDocumentText from "./DocumentText"
 import IconDocumentTextSolid from "./DocumentTextSolid"
+import IconEllipseMiniSolid from "./EllipseMiniSolid"
 import IconExclamationCircleSolid from "./ExclamationCircleSolid"
 import IconExternalLink from "./ExternalLink"
 import IconFlyingBox from "./FlyingBox"
@@ -61,6 +65,7 @@ import IconLightBulb from "./LightBulb"
 import IconLightBulbSolid from "./LightBulbSolid"
 import IconLightMode from "./LightMode"
 import IconLinkedIn from "./LinkedIn"
+import IconMagnifyingGlass from "./MagnifyingGlass"
 import IconMap from "./Map"
 import IconNewspaper from "./Newspaper"
 import IconNextjs from "./Nextjs"
@@ -93,6 +98,8 @@ import IconTwitter from "./Twitter"
 import IconUser from "./User"
 import IconUsersSolid from "./UsersSolid"
 import IconXCircleSolid from "./XCircleSolid"
+import IconXMark from "./XMark"
+import IconXMarkMini from "./XMarkMini"
 
 export type IconProps = {
   width?: number
@@ -105,6 +112,7 @@ export default {
   "academic-cap-solid": IconAcademicCapSolid,
   adjustments: IconAdjustments,
   alert: IconAlert,
+  "arrow-down-left-mini": IconArrowDownLeftMini,
   "arrow-down-tray": IconArrowDownTray,
   "back-arrow": IconBackArrow,
   "bars-three": IconBarsThree,
@@ -123,7 +131,9 @@ export default {
   "channels-solid": IconChannelsSolid,
   channels: IconChannels,
   "check-circle-solid": IconCheckCircleSolid,
+  "check-mini": IconCheckMini,
   "chevron-double-left-mini-solid": IconChevronDoubleLeftMiniSolid,
+  "chevron-up-down": IconChevronUpDown,
   "circle-dotted-line": IconCircleDottedLine,
   "circle-mini-solid": IconCircleMiniSolid,
   "circle-stack": IconCircleStack,
@@ -147,6 +157,7 @@ export default {
   discord: IconDiscord,
   "document-text": IconDocumentText,
   "document-text-solid": IconDocumentTextSolid,
+  "ellipse-mini-solid": IconEllipseMiniSolid,
   "exclamation-circle-solid": IconExclamationCircleSolid,
   "external-link": IconExternalLink,
   "flying-box": IconFlyingBox,
@@ -165,6 +176,7 @@ export default {
   "light-bulb-solid": IconLightBulbSolid,
   "light-mode": IconLightMode,
   linkedin: IconLinkedIn,
+  "magnifying-glass": IconMagnifyingGlass,
   map: IconMap,
   newspaper: IconNewspaper,
   nextjs: IconNextjs,
@@ -197,4 +209,6 @@ export default {
   user: IconUser,
   "users-solid": IconUsersSolid,
   "x-circle-solid": IconXCircleSolid,
+  "x-mark": IconXMark,
+  "x-mark-mini": IconXMarkMini,
 }