Management: add routes

packages/management/src/categories/backup/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Backup = () => {
+  return <h1>Backup</h1>;
+};
+
+export default Backup;

packages/management/src/categories/payments/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Payments = () => {
+  return <h1>Payments</h1>;
+};
+
+export default Payments;

packages/management/src/categories/restore/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Restore = () => {
+  return <h1>Restore</h1>;
+};
+
+export default Restore;

packages/management/src/router.tsx

@@ -1,12 +1,15 @@
 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";
+
 import Spaces from "./categories/spaces";
+import Branding from "./categories/branding";
+import Backup from "./categories/backup";
+import Restore from "./categories/restore";
+import Payments from "./categories/payments";
+
+import Error404 from "client/Error404";
 
 const router = createBrowserRouter([
   {
@@ -23,6 +26,18 @@ const router = createBrowserRouter([
         path: "branding",
         element: <Branding />,
       },
+      {
+        path: "backup",
+        element: <Backup />,
+      },
+      {
+        path: "restore",
+        element: <Restore />,
+      },
+      {
+        path: "payments",
+        element: <Payments />,
+      },
     ],
   },
 ]);