Rename Home to Pieces

packages/frontend/src/app.tsx

@@ -1,4 +1,4 @@
-import { Home } from "@/routes/Home";
+import { Home, Pieces } from "@/routes/Pieces";
 import { Login } from "@/routes/Login";
 import { Piece } from "@/routes/Piece";
 import { Repertoire } from "@/routes/Repertoire";
@@ -22,7 +22,14 @@ const router = createBrowserRouter([
 				Component: Home,
 			},
 			{
-				path: "piece/:pieceId",
+				path: "piece",
+				children: [
+					{
+						index: true,
+						Component: Pieces,
+					},
+					{
+						path: ":pieceId",
 						children: [
 							{
 								index: true,
@@ -34,6 +41,8 @@ const router = createBrowserRouter([
 							},
 						],
 					},
+				],
+			},
 			{
 				path: "repertoire",
 				children: [

packages/frontend/src/routes/Pieces.tsx

@@ -12,7 +12,7 @@ import { Loader2, Plus } from "lucide-react";
 import { FormEventHandler, ReactNode, useId, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 
-export function Home() {
+export function Pieces() {
 
 	const [name, setName] = useState("");
 	const [author, setAuthor] = useState("");