refactor: custom post loading and add AppAuthenticatedPage (#3632)

* Added post loading hook to appInitPage

* Removed custom post loading

* Changed custom post loading to cusotm post auth

* Adds AppAuthenticatedPage

* Uses AppAuthenticatedPage inside protected route

src/frontend/src/customization/hooks/use-custom-post-auth.ts

@@ -0,0 +1,16 @@
+import { UseRequestProcessor } from "@/controllers/API/services/request-processor";
+import { useQueryFunctionType } from "@/types/api";
+
+export const useCustomPostAuth: useQueryFunctionType<undefined, null> = (
+  options,
+) => {
+  const { query } = UseRequestProcessor();
+
+  const getPostAuthFn = async () => {
+    return null;
+  };
+
+  const queryResult = query(["usePostAuth"], getPostAuthFn, options);
+
+  return queryResult;
+};

src/frontend/src/pages/AppAuthenticatedPage/index.tsx

@@ -0,0 +1,8 @@
+import { useCustomPostAuth } from "@/customization/hooks/use-custom-post-auth";
+import { Outlet } from "react-router-dom";
+
+export function AppAuthenticatedPage() {
+  useCustomPostAuth();
+
+  return <Outlet />;
+}

src/frontend/src/routes.tsx

@@ -14,6 +14,7 @@ import ContextWrapper from "./contexts";
 import { CustomNavigate } from "./customization/components/custom-navigate";
 import { BASENAME } from "./customization/config-constants";
 import { ENABLE_CUSTOM_PARAM } from "./customization/feature-flags";
+import { AppAuthenticatedPage } from "./pages/AppAuthenticatedPage";
 import { AppInitPage } from "./pages/AppInitPage";
 import { AppWrapperPage } from "./pages/AppWrapperPage";
 import { DashboardWrapperPage } from "./pages/DashboardWrapperPage";
@@ -57,22 +58,31 @@ const router = createBrowserRouter(
               </ProtectedRoute>
             }
           >
+            <Route path="" element={<AppAuthenticatedPage />}>
               <Route path="" element={<DashboardWrapperPage />}>
                 <Route path="" element={<HomePage />}>
-                <Route index element={<CustomNavigate replace to={"all"} />} />
+                  <Route
+                    index
+                    element={<CustomNavigate replace to={"all"} />}
+                  />
                   <Route
                     path="flows/"
                     element={<MyCollectionComponent key="flows" type="flow" />}
                   >
                     <Route
                       path="folder/:folderId"
-                    element={<MyCollectionComponent key="flows" type="flow" />}
+                      element={
+                        <MyCollectionComponent key="flows" type="flow" />
+                      }
                     />
                   </Route>
                   <Route
                     path="components/"
                     element={
-                    <MyCollectionComponent key="components" type="component" />
+                      <MyCollectionComponent
+                        key="components"
+                        type="component"
+                      />
                     }
                   >
                     <Route
@@ -155,6 +165,7 @@ const router = createBrowserRouter(
                 <Route path="" element={<PlaygroundPage />} />
               </Route>
             </Route>
+          </Route>
           <Route
             path="login"
             element={