Add piece editor page

packages/frontend/src/app.tsx

@@ -3,17 +3,29 @@ import { createRoot } from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import { Home } from "./routes/Home";
 import { Login } from "./routes/Login";
+import { Piece } from "./routes/Piece";
+import { Root } from "./routes/Root";
 import "./style.css";
 
 const router = createBrowserRouter([
 	{
 		path: "/",
-		element: <Home />,
+		Component: Root,
+		children: [
+			{
+				index: true,
+				Component: Home,
+			},
+			{
+				path: "piece/:pieceId",
+				Component: Piece,
+			},
+		],
 	},
 	{
 		path: "/login",
-		element: <Login />,
-	}
+		Component: Login,
+	},
 ]);
 
 const rootElement = document.getElementById("root") as HTMLDivElement;