v3: allow users to edit dump thumbnail, fixed some linter errors in the frontend

api/routes/thumbnails.ts

@@ -1,6 +1,7 @@
 import { Router } from "@oak/oak";
 import { APIErrorCode, APIException } from "../model/interfaces.ts";
-import { getDump } from "../services/dump-service.ts";
+import { getDump, getDumpThumbnailInfo } from "../services/dump-service.ts";
+import { serveUploadedFile } from "../lib/upload.ts";
 import { DUMPS_DIR, THUMBNAILS_DIR } from "../config.ts";
 
 const router = new Router({ prefix: "/api/thumbnails" });
@@ -53,6 +54,16 @@ router.get("/:dumpId", async (ctx) => {
     throw new APIException(APIErrorCode.BAD_REQUEST, 400, "Invalid dump ID");
   }
 
+  const customThumb = getDumpThumbnailInfo(dumpId);
+  if (customThumb) {
+    const served = await serveUploadedFile(
+      ctx,
+      `${THUMBNAILS_DIR}/${customThumb.id}-custom`,
+      customThumb.mime,
+    );
+    if (served) return;
+  }
+
   const dump = getDump(dumpId);
 
   if (dump.kind !== "file" || !dump.fileMime?.startsWith("video/")) {