feat(design): a video's one action list (C1) — the card's "…", the menu holds the rest (E28 S3e1)

- useContextMenu gains buttonProps (a row's visible "…" opens the same menu under the button; a
  second press closes it) and anchor (the element the menu came from, for a panel a row opens).
- ui/MoreButton; ActionMenu rows can run inGesture (a clipboard write inside the click, Safari).
- useVideoActions: one builder for a video's menu (play / restart, channel, watched, save, add to
  playlist, download, details, copy title / link, hide, reset, pin), composed by the feed and by
  Home's rails; the playlists and details panels open anchored beside the card (VideoFollowUp).
- The card keeps watched / save / add to playlist and the "…": on the picture on hover (the
  duration steps aside), in the rows' action column; on touch only a 44px "…" beside the title.
  Download, hide, reset and the hover info card leave the card.
- The title is selectable: a click ending a selection neither plays nor follows the link.
- DESIGN.md: how C1 is built + the log row.

frontend/src/components/ComfortPinMenu.tsx

@@ -1,10 +1,7 @@
 import { useTranslation } from "react-i18next";
-import { Bookmark, BookmarkX, Check, Eye, EyeOff, RotateCcw, Undo2 } from "lucide-react";
 
-import { type PlexCard, type Video, type VideoStatus } from "../lib/api";
-import { isResettable } from "../lib/api/feed";
-import { pinPlex, pinVideo, useComfortPin, type PinTarget } from "./comfortPin";
-import { type ActionMenuItem } from "./ui/ActionMenu";
+import { type PlexCard } from "../lib/api";
+import { pinPlex, useComfortPin, type PinTarget } from "./comfortPin";
 import { ContextMenu } from "./ui/ContextMenu";
 import { type ContextMenuController } from "./ui/useContextMenu";
 
@@ -46,64 +43,3 @@ export function ComfortPinMenu<T>({
 export function PlexPinMenu({ menu }: { menu: ContextMenuController<PlexCard> }) {
   return <ComfortPinMenu menu={menu} target={pinPlex} title={(c) => c.title} />;
 }
-
-/** The feed's menu (the grid and a channel page): the card's own state actions — the hover row's
- *  buttons, which a keyboard or a touch user otherwise reaches only by Tabbing through every card —
- *  then the pin. Playlists and downloads stay on the card: each opens its own anchored dialog. */
-export function FeedVideoMenu({
-  menu,
-  onState,
-  onToggleSave,
-  onResetState,
-}: {
-  menu: ContextMenuController<Video>;
-  onState: (id: string, status: VideoStatus) => void;
-  onToggleSave: (id: string, saved: boolean) => void;
-  onResetState: (id: string) => void;
-}) {
-  const { t } = useTranslation();
-  const pin = useComfortPin(menu.open);
-  const v = menu.target;
-  const icon = "w-4 h-4";
-  const items: ActionMenuItem[] = v
-    ? [
-        v.status === "watched"
-          ? {
-              id: "watched",
-              label: t("card.menu.unmarkWatched"),
-              icon: <Undo2 className={icon} />,
-              onSelect: () => onState(v.id, "new"),
-            }
-          : {
-              id: "watched",
-              label: t("card.markWatched"),
-              icon: <Check className={icon} />,
-              onSelect: () => onState(v.id, "watched"),
-            },
-        {
-          id: "save",
-          label: v.saved ? t("card.menu.unsave") : t("card.saveForLater"),
-          icon: v.saved ? <BookmarkX className={icon} /> : <Bookmark className={icon} />,
-          onSelect: () => onToggleSave(v.id, !v.saved),
-        },
-        {
-          id: "hide",
-          label: v.status === "hidden" ? t("card.unhide") : t("card.hide"),
-          icon: v.status === "hidden" ? <Eye className={icon} /> : <EyeOff className={icon} />,
-          onSelect: () => onState(v.id, v.status === "hidden" ? "new" : "hidden"),
-        },
-        ...(isResettable(v)
-          ? [
-              {
-                id: "reset",
-                label: t("card.resetState"),
-                icon: <RotateCcw className={icon} />,
-                onSelect: () => onResetState(v.id),
-              },
-            ]
-          : []),
-        ...pin.item(pinVideo(v.id), v.title ?? ""),
-      ]
-    : [];
-  return <ContextMenu menu={menu} ariaLabel={t("card.menu.label")} items={items} />;
-}