initial redux work

src/index.tsx

@@ -6,7 +6,10 @@ import {
 } from "react-router-dom";
 import { MantineProvider } from '@mantine/core';
 import { ModalsProvider } from '@mantine/modals';
+import { Provider } from 'react-redux';
+import { PersistGate } from 'redux-persist/integration/react';
 import { AppContextProvider } from './context';
+import store, { persistor } from './store';
 import LandingPage from './components/pages/landing';
 import ChatPage from './components/pages/chat';
 import AboutPage from './components/pages/about';
@@ -53,9 +56,13 @@ const root = ReactDOM.createRoot(
 root.render(
     <React.StrictMode>
         <MantineProvider theme={{ colorScheme: "dark" }}>
-            <ModalsProvider>
-                <RouterProvider router={router} />
-            </ModalsProvider>
+            <Provider store={store}>
+                <PersistGate loading={null} persistor={persistor}>
+                    <ModalsProvider>
+                        <RouterProvider router={router} />
+                    </ModalsProvider>
+                </PersistGate>
+            </Provider>
         </MantineProvider>
     </React.StrictMode>
 );