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,6 +87,7 @@ export default function App() {
   return (
     <CssVarsProvider theme={lightTheme}>
       <QueryClientProvider client={queryClient}>
+        <SuperFormProvider>
           <div>
             <Toaster />
             <SideBar isAuthenticated={isAuthenticated} state={state} />
@@ -132,10 +134,13 @@ export default function App() {
 
               <Route path="/signup" element={<Signup dispatch={dispatch} />} />
               <Route path="/login" element={<Login dispatch={dispatch} />} />
-            <Route path="/github/cb" element={<GitHub dispatch={dispatch} />} />
+              <Route
+                path="/github/cb"
+                element={<GitHub dispatch={dispatch} />}
+              />
             </Routes>
           </div>
-
+        </SuperFormProvider>
         <ReactQueryDevtools initialIsOpen={true} />
       </QueryClientProvider>
     </CssVarsProvider>