bug fixed,

remaining issues in mobilenavbar need pruning, need rewrite the class.

components/docsearch.tsx

@@ -2,15 +2,20 @@
 // sample code from https://docsearch.algolia.com/docs/docsearch
 
 import { DocSearch } from '@docsearch/react';
+import {useTheme} from 'next-themes';
 
 import '@docsearch/css';
 
-function AlgoliaSearch() {
+function AlgoliaSearch () {
+  const {theme} = useTheme();
+  const darkMode = theme === 'dark';
+  console.log("darkMode", darkMode);
   return (
     <DocSearch
       appId={process.env.NEXT_SEARCH_ALGOLIA_APP_ID || 'NKGLZZZUBC'}
       indexName={process.env.NEXT_SEARCH_ALGOLIA_INDEX_NAME || 'notenextra_trance_0'}
       apiKey={process.env.NEXT_SEARCH_ALGOLIA_API_KEY || '727b389a61e862e590dfab9ce9df31a2'}
+      theme={darkMode===false ? 'light' : 'dark'}
     />
   );
 }

components/navbar.client.tsx

@@ -116,7 +116,6 @@ export const ClientNavbar: FC<{
   // const items = topLevelNavbarItems
   // use filteredTopLevelNavbarItems to generate items
   const items = filteredTopLevelNavbarItems
-  
 
   console.log(filteredTopLevelNavbarItems)
   const themeConfig = useThemeConfig()

components/navbar.tsx

@@ -4,10 +4,8 @@
 
 'use client'
 
-import { usePathname } from 'next/navigation'
 import type { PageMapItem } from 'nextra'
 import { Anchor } from 'nextra/components'
-import { normalizePages } from 'nextra/normalize-pages'
 import type { FC, ReactNode } from 'react'
 
 import cn from 'clsx'