feat: loading and error pages

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>