docs: redesign search (#12628)

* docs: redesign search

* add shadow in dark mode

www/apps/ui/src/providers/search.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { SearchProvider as UiSearchProvider, searchFilters } from "docs-ui"
+import { SearchProvider as UiSearchProvider } from "docs-ui"
 import { absoluteUrl } from "../lib/absolute-url"
 
 type SearchProviderProps = {
@@ -15,17 +15,18 @@ const SearchProvider = ({ children }: SearchProviderProps) => {
         apiKey: process.env.NEXT_PUBLIC_ALGOLIA_API_KEY || "temp",
         mainIndexName:
           process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp",
-        indices: [
-          {
-            name: process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp",
-            title: "Docs",
-          },
-          {
-            name: process.env.NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME || "temp",
-            title: "Store & Admin API",
-          },
-        ],
       }}
+      indices={[
+        {
+          value: process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp",
+          title: "Docs",
+        },
+        {
+          value: process.env.NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME || "temp",
+          title: "Store & Admin API",
+        },
+      ]}
+      defaultIndex={process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp"}
       searchProps={{
         isLoading: false,
         suggestions: [
@@ -35,7 +36,6 @@ const SearchProvider = ({ children }: SearchProviderProps) => {
           },
         ],
         checkInternalPattern: new RegExp(`^${absoluteUrl()}/ui`),
-        filterOptions: searchFilters,
       }}
     >
       {children}