working on new virtual scroller

src/pages/_app.tsx

@@ -2,6 +2,7 @@ import DatabaseProvider from '@components/contexts/database';
 import RelayProvider from '@components/contexts/relay';
 
 import { useLocalStorage } from '@rehooks/local-storage';
+import { Provider } from 'jotai';
 import type { NextPage } from 'next';
 import type { AppProps } from 'next/app';
 import { ReactElement, ReactNode } from 'react';
@@ -24,8 +25,10 @@ export default function MyApp({ Component, pageProps }: AppPropsWithLayout) {
   const [relays] = useLocalStorage('relays');
 
   return (
-    <DatabaseProvider>
-      <RelayProvider relays={relays}>{getLayout(<Component {...pageProps} />)}</RelayProvider>
-    </DatabaseProvider>
+    <Provider>
+      <DatabaseProvider>
+        <RelayProvider relays={relays}>{getLayout(<Component {...pageProps} />)}</RelayProvider>
+      </DatabaseProvider>
+    </Provider>
   );
 }