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/PlayerModal.tsx

@@ -61,6 +61,7 @@ import { dispatch, isActivationTarget, useKeyScope } from "../lib/keymap";
 import { useBackToClose } from "../lib/history";
 import ChannelNameLink from "./ChannelNameLink";
 import Toaster from "./ui/Toaster";
+import { StateMessage } from "./ui/QueryState";
 import { useOverlayOrder } from "./ui/overlayOrder";
 import { afterRemoval } from "../lib/playerQueue";
 import {
@@ -888,6 +889,10 @@ export default function PlayerModal({
                     </SectionLabel>
                     {detail.isLoading ? (
                       <div className="text-sm text-muted">{t("player.loading")}</div>
+                    ) : detail.isError && !detail.data ? (
+                      <StateMessage tone="error" compact onRetry={() => void detail.refetch()}>
+                        {t("player.descriptionFailed")}
+                      </StateMessage>
                     ) : detail.data?.description ? (
                       <div
                         ref={descFade.ref}
@@ -1086,6 +1091,10 @@ export default function PlayerModal({
                     </SectionLabel>
                     {detail.isLoading ? (
                       <div className="text-sm text-muted">{t("player.loading")}</div>
+                    ) : detail.isError && !detail.data ? (
+                      <StateMessage tone="error" compact onRetry={() => void detail.refetch()}>
+                        {t("player.descriptionFailed")}
+                      </StateMessage>
                     ) : detail.data?.description ? (
                       <div className="text-sm whitespace-pre-wrap wrap-break-word leading-relaxed">
                         {renderDescription(detail.data.description, {