done with distributive services

- duplicated side bar still exists

components/docsearch.tsx

@@ -2,6 +2,7 @@
 // sample code from https://docsearch.algolia.com/docs/docsearch
 
 import { DocSearch } from '@docsearch/react';
+import { useThemeConfig } from 'nextra-theme-docs'
 
 import '@docsearch/css';
 
@@ -11,6 +12,7 @@ function AlgoliaSearch() {
       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={useThemeConfig().darkMode ? 'dark' : 'light'}
     />
   );
 }