fix: clear stale download overlay after delete

Deleting a download removed the database row but left its entry in the
live-progress map, so the row kept showing Saved and an Offline badge
until the app restarted.

src/hooks/useDownloads.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { onDownloadProgress, onDownloadState } from "../api";
 import type { DownloadState } from "../types";
 
@@ -18,6 +18,20 @@ export interface LiveDownload {
 export function useDownloads(onFinished: () => void) {
   const [live, setLive] = useState<Record<string, LiveDownload>>({});
 
+  /**
+   * Drops a video's overlay. Required after deleting a download: the database
+   * row is gone, but a stale `done` entry here would keep the row showing
+   * "Saved" until the app restarts.
+   */
+  const clear = useCallback((videoId: string) => {
+    setLive((prev) => {
+      if (!(videoId in prev)) return prev;
+      const next = { ...prev };
+      delete next[videoId];
+      return next;
+    });
+  }, []);
+
   useEffect(() => {
     const unlisteners: Array<() => void> = [];
 
@@ -55,5 +69,5 @@ export function useDownloads(onFinished: () => void) {
     return () => unlisteners.forEach((u) => u());
   }, [onFinished]);
 
-  return live;
+  return { live, clear };
 }