fix(ui): a card's Play clears its hover row at a large text size; Downloads links and the player description

At text size 1.3 a 242px feed thumbnail put the 63px Play 13px into the
hover row (the Play grows with the root font, the picture's height does
not). A picture narrower than 14rem centres the Play and the resume pair
above the row; the picture box is a size container for it.

The Downloads title and channel links were 21px tall inline boxes; they
stand on a 24px line now (B1). The player's description says a failed
load, with a retry, instead of 'No description' (both the side panel
and the popover).

frontend/src/components/downloadRow.tsx

@@ -211,7 +211,7 @@ function ChannelLine({ job }: { job: DownloadJob }) {
           target="_blank"
           rel="noopener noreferrer"
           title={url}
-          className="text-muted hover:text-accent hover:underline"
+          className="inline-block max-w-full truncate align-top leading-6 text-muted hover:text-accent hover:underline pointer-coarse:leading-(--touch-target)"
           {...nativeMenu}
         >
           {name}
@@ -274,7 +274,7 @@ export function DownloadRow({
                 target="_blank"
                 rel="noopener noreferrer"
                 title={`${t("downloads.source.open")} — ${job.source_url}`}
-                className="hover:text-accent hover:underline"
+                className="inline-block max-w-full truncate align-top leading-6 hover:text-accent hover:underline pointer-coarse:leading-(--touch-target)"
                 {...nativeMenu}
               >
                 {jobTitle(job)}