refactor newsfeed widget

src/main.jsx

@@ -1,4 +1,6 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { createSyncStoragePersister } from '@tanstack/query-sync-storage-persister';
+import { QueryClient } from '@tanstack/react-query';
+import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client';
 import { createRoot } from 'react-dom/client';
 import { Toaster } from 'sonner';
 
@@ -7,18 +9,28 @@ import { StorageProvider } from '@libs/storage/provider';
 
 import App from './app';
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      gcTime: 1000 * 60 * 60 * 24, // 24 hours
+    },
+  },
+});
+
+const persister = createSyncStoragePersister({
+  storage: window.localStorage,
+});
 
 const container = document.getElementById('root');
 const root = createRoot(container);
 
 root.render(
-  <QueryClientProvider client={queryClient}>
+  <PersistQueryClientProvider client={queryClient} persistOptions={{ persister }}>
     <StorageProvider>
       <NDKProvider>
         <Toaster position="top-center" closeButton />
         <App />
       </NDKProvider>
     </StorageProvider>
-  </QueryClientProvider>
+  </PersistQueryClientProvider>
 );