feat: wrapped app with super form provider

services/frontend/src/App.tsx

@@ -25,6 +25,7 @@ import ProtectedRoute from "./partials/ProtectedRoute";
 
 import "./index.css";
 import { lightTheme } from "./utils/theme";
+import { SuperFormProvider } from "./components/SuperFormProvider";
 
 const queryClient = new QueryClient();
 
@@ -86,56 +87,60 @@ export default function App() {
   return (
     <CssVarsProvider theme={lightTheme}>
       <QueryClientProvider client={queryClient}>
-        <div>
+        <SuperFormProvider>
-          <Toaster />
+          <div>
-          <SideBar isAuthenticated={isAuthenticated} state={state} />
+            <Toaster />
-          <Routes>
+            <SideBar isAuthenticated={isAuthenticated} state={state} />
-            <Route
+            <Routes>
-              path="/projects/:uuid"
+              <Route
-              element={<Project isAuthenticated={isAuthenticated} />}
+                path="/projects/:uuid"
-            />
+                element={<Project isAuthenticated={isAuthenticated} />}
-
+              />
-            <Route
+
-              path="/projects/new"
+              <Route
-              element={<Project isAuthenticated={isAuthenticated} />}
+                path="/projects/new"
-            />
+                element={<Project isAuthenticated={isAuthenticated} />}
-
+              />
-            <Route
+
-              path="/"
+              <Route
-              element={
+                path="/"
-                <ProtectedRoute
+                element={
-                  {...defaultProtectedRouteProps}
+                  <ProtectedRoute
-                  outlet={<Projects />}
+                    {...defaultProtectedRouteProps}
-                />
+                    outlet={<Projects />}
-              }
+                  />
-            />
+                }
-
+              />
-            <Route
+
-              path="/projects/"
+              <Route
-              element={
+                path="/projects/"
-                <ProtectedRoute
+                element={
-                  {...defaultProtectedRouteProps}
+                  <ProtectedRoute
-                  outlet={<Projects />}
+                    {...defaultProtectedRouteProps}
-                />
+                    outlet={<Projects />}
-              }
+                  />
-            />
+                }
-
+              />
-            <Route
+
-              path="/profile"
+              <Route
-              element={
+                path="/profile"
-                <ProtectedRoute
+                element={
-                  {...defaultProtectedRouteProps}
+                  <ProtectedRoute
-                  outlet={<Profile dispatch={dispatch} state={state} />}
+                    {...defaultProtectedRouteProps}
-                />
+                    outlet={<Profile dispatch={dispatch} state={state} />}
-              }
+                  />
-            />
+                }
-
+              />
-            <Route path="/signup" element={<Signup dispatch={dispatch} />} />
+
-            <Route path="/login" element={<Login dispatch={dispatch} />} />
+              <Route path="/signup" element={<Signup dispatch={dispatch} />} />
-            <Route path="/github/cb" element={<GitHub dispatch={dispatch} />} />
+              <Route path="/login" element={<Login dispatch={dispatch} />} />
-          </Routes>
+              <Route
-        </div>
+                path="/github/cb"
-
+                element={<GitHub dispatch={dispatch} />}
+              />
+            </Routes>
+          </div>
+        </SuperFormProvider>
         <ReactQueryDevtools initialIsOpen={true} />
       </QueryClientProvider>
     </CssVarsProvider>