Attachment form and table, MusicXML renderer

packages/frontend/src/app.tsx

@@ -1,6 +1,7 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { Attachment } from "./routes/Attachment";
 import { Home } from "./routes/Home";
 import { Login } from "./routes/Login";
 import { Piece } from "./routes/Piece";
@@ -18,7 +19,16 @@ const router = createBrowserRouter([
 			},
 			{
 				path: "piece/:pieceId",
-				Component: Piece,
+				children: [
+					{
+						index: true,
+						Component: Piece,
+					},
+					{
+						path: "attachment/:attachmentId",
+						Component: Attachment,
+					}
+				]
 			},
 		],
 	},