Custom fonts, better home styling, more comprehensive table

packages/backend/src/app.ts

@@ -171,19 +171,28 @@ const app = new Elysia()
 		}),
 	})
 
-	.get("/piece", async ({ db, user }) => {
+	.get("/piece", async ({ db, query, user }) => {
 
 		if (user === null) {
 			return error("Unauthorized");
 		}
 
-		const res = await db
+		let q = db
 			.selectFrom("Piece")
 			.selectAll()
 			.orderBy(["name", "composer", "arranger"])
-			.execute();
+			.limit(100);
 
+		if (query.id !== undefined) {
+			q = q.where("pieceId", "=", query.id);
+		}
+
+		const res = await q.execute();
 		return res;
+	}, {
+		query: t.Object({
+			id: t.Optional(tbranded<PieceId>()),
+		}),
 	})
 
 	.put("/piece/:pieceId", async ({ db, body: { name, composer, lyricist, arranger }, params: { pieceId }, user }) => {