feat: loading and error pages

src/providers/ReactQueryProvider.tsx

@@ -13,7 +13,14 @@ export function ReactQueryProvider({ children }: Props) {
             new QueryClient({
                 defaultOptions: {
                     queries: {
-                        staleTime: 3 * 60 * 1000,
+                        staleTime: 5 * 60 * 1000, // 5 minutes
+                        gcTime: 10 * 60 * 1000, // 10 minutes
+                        retry: 1,
+                        refetchOnWindowFocus: false,
+                        refetchOnMount: false,
+                    },
+                    mutations: {
+                        retry: 1,
                     },
                 },
             })

src/providers/ReduxProvider.tsx

@@ -3,6 +3,7 @@
 import { ReactNode } from "react";
 import { Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
+import { Center, Loader } from "@mantine/core";
 import { persistor, store } from "@/lib/store/store";
 
 type Props = {
@@ -12,9 +13,12 @@ type Props = {
 export default function ReduxProvider({ children }: Props) {
     return (
         <Provider store={store}>
-            {" "}
             <PersistGate
-                loading={null}
+                loading={
+                    <Center h="100vh">
+                        <Loader size="sm" />
+                    </Center>
+                }
                 persistor={persistor}>
                 {children}
             </PersistGate>