Client: move portal settings roout layoyt to lazy loading from react-router-dom

packages/client/src/pages/PortalSettings/index.js

@@ -27,11 +27,13 @@
 import React from "react";
 import { Outlet, useLocation } from "react-router-dom";
 
-import Layout from "./Layout";
-
 import Panels from "SRC_DIR/components/FilesPanels";
+import PrivateRoute from "SRC_DIR/components/PrivateRouteWrapper";
+import ErrorBoundary from "SRC_DIR/components/ErrorBoundaryWrapper";
 import { generalRoutes } from "SRC_DIR/routes/general";
 
+import Layout from "./Layout";
+
 const Settings = () => {
   const location = useLocation();
 
@@ -58,4 +60,12 @@ const Settings = () => {
   );
 };
 
-export default Settings;
+export const Component = () => {
+  return (
+    <PrivateRoute restricted>
+      <ErrorBoundary>
+        <Settings />
+      </ErrorBoundary>
+    </PrivateRoute>
+  );
+};

packages/client/src/routes/index.js

@@ -27,13 +27,7 @@
 import PortalSettingsRoutes from "./portalSettings";
 import ClientRoutes from "./client";
 import ConfirmRoutes from "./confirm";
-import { generalRoutes } from "./general";
 
-const routes = [
-  ...ClientRoutes,
-  PortalSettingsRoutes,
-  ...ConfirmRoutes,
-  //   ...generalRoutes,
-];
+const routes = [...ClientRoutes, PortalSettingsRoutes, ...ConfirmRoutes];
 
 export default routes;

packages/client/src/routes/portalSettings.js

@@ -24,24 +24,16 @@
 // content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
-import React from "react";
 import { Navigate } from "react-router-dom";
 import loadable from "@loadable/component";
 
 import Error404 from "@docspace/shared/components/errors/Error404";
 import componentLoader from "@docspace/shared/utils/component-loader";
 
-import PrivateRoute from "../components/PrivateRouteWrapper";
-import ErrorBoundary from "../components/ErrorBoundaryWrapper";
-
 import { generalRoutes } from "./general";
 import SettingsContainer from "../pages/PortalSettings/categories/integration/LDAP/sub-components/SettingsContainer";
 import SyncContainer from "../pages/PortalSettings/categories/integration/LDAP/sub-components/SyncContainer";
 
-const PortalSettings = loadable(() =>
-  componentLoader(() => import("../pages/PortalSettings")),
-);
-
 const CustomizationSettings = loadable(() =>
   componentLoader(
     () => import("../pages/PortalSettings/categories/common/index.js"),
@@ -358,13 +350,7 @@ const Viewer = loadable(() =>
 
 const PortalSettingsRoutes = {
   path: "portal-settings/",
-  element: (
-    <PrivateRoute restricted>
-      <ErrorBoundary>
-        <PortalSettings />
-      </ErrorBoundary>
-    </PrivateRoute>
-  ),
+  lazy: () => import("../pages/PortalSettings"),
   errorElement: <Error404 />,
   children: [
     {