Management: init routing

packages/management/src/Client.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { RouterProvider } from "react-router-dom";
+
+import ErrorBoundary from "@docspace/common/components/ErrorBoundary";
+import router from "./router";
+
+const Client = () => {
+  return (
+    <ErrorBoundary>
+      <RouterProvider router={router} />
+    </ErrorBoundary>
+  );
+};
+
+export default Client;

packages/management/src/bootstrap.tsx

@@ -1,9 +1,11 @@
 import React from "react";
-import ReactDOM from "react-dom";
-import App from "./App";
+import { createRoot } from "react-dom/client";
+import Client from "./Client";
 //import { registerSW } from "@docspace/common/sw/helper";
-const root = document.getElementById("root");
 
-if (root) ReactDOM.render(<App />, root);
+const container = document.getElementById("root");
+const root = createRoot(container);
+
+if (root) root.render(<Client />);
 
 //registerSW();

packages/management/src/router.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import { createBrowserRouter, Navigate } from "react-router-dom";
+
+//import routes from "./routes";
+import Error404 from "client/Error404";
+
+import App from "./App";
+import Branding from "./categories/branding";
+
+const router = createBrowserRouter([
+  {
+    path: "/management",
+    element: <App />,
+    errorElement: <Error404 />,
+    children: [
+      { index: true, element: <Navigate to="/management/spaces" replace /> },
+      {
+        path: "spaces",
+        element: <h1>Spaces</h1>,
+      },
+      {
+        path: "branding",
+        element: <Branding />,
+      },
+    ],
+  },
+]);
+
+export default router;