feat(web): movie detail page at /movies/{id}

web/src/router.ts

@@ -8,6 +8,7 @@ export type Route =
   | { kind: "queues" }
   | { kind: "settings" }
   | { kind: "search"; query: string }
+  | { kind: "movie"; movieId: number }
   | { kind: "releases"; movieId: number }
   | { kind: "series"; seriesId: number }
   | { kind: "seasonReleases"; seriesId: number; seasonNumber: number }
@@ -28,6 +29,12 @@ export function parseRoute(url: URL): Route {
     const query = url.searchParams.get("q") ?? "";
     return query === "" ? { kind: "board" } : { kind: "search", query };
   }
+  if (segments.length === 2 && segments[0] === "movies") {
+    const movieId = Number(segments[1]);
+    if (Number.isInteger(movieId) && movieId > 0) {
+      return { kind: "movie", movieId };
+    }
+  }
   if (segments.length === 3 && segments[0] === "movies" && segments[2] === "releases") {
     const movieId = Number(segments[1]);
     if (Number.isInteger(movieId) && movieId > 0) {
@@ -78,6 +85,8 @@ export function routePath(route: Route): string {
       return "/settings";
     case "search":
       return `/search?q=${encodeURIComponent(route.query)}`;
+    case "movie":
+      return `/movies/${route.movieId}`;
     case "releases":
       return `/movies/${route.movieId}/releases`;
     case "series":