feat(design): titles in click surfaces stay selectable (E28 S3e4b)

A button whose text is a title or a name is now `selectable` (FocusSafeButton,
under Pressable and Button): Chrome selects inside a button once it is
user-select: text (measured), and the click that ends a selection, or a press
dragged past the slop, opens nothing. 23 surfaces carry it (cards, rows, people,
channels, playlists, users, views, messages, log lines, description links); the
Plex caption div gets the same guard. A contract test pins every plain Pressable
with its reason, so a new one has to choose.

frontend/src/components/PlexInfo.tsx

@@ -298,6 +298,7 @@ function CrewPanel({
           <div key={`${c.name}:${c.job}:${i}`} className="min-w-0">
             {onOpenPerson ? (
               <Pressable
+                selectable
                 onClick={() => onOpenPerson(c.name)}
                 title={t("plex.info.viewPerson", { name: c.name })}
                 className="max-w-full truncate text-sm leading-6 font-medium hover:text-accent pointer-coarse:leading-(--touch-target)"
@@ -739,6 +740,7 @@ export default function PlexInfo({
                 );
                 return clickable ? (
                   <Pressable
+                    selectable
                     key={i}
                     align="center"
                     {...navItemAttrs(i)}
@@ -794,6 +796,7 @@ export default function PlexInfo({
               <Carousel ariaLabel={col.title} gap="gap-3" keyboardNav={!!onPlayItem}>
                 {col.items.map((m, i) => (
                   <Pressable
+                    selectable
                     key={m.id}
                     {...navItemAttrs(i)}
                     onClick={() => onPlayItem?.(m.id)}