fix(ui): a longer label fits its control — pill value truncates, headers get their room (E30 S5)

Found in the Hungarian UAT: a toolbar SelectTrigger's text value wrapped out of the pill in a narrow
place (the playlists rail) — it now truncates in its own span; the Channels "Prioritás" and "Utolsó
feltöltés" headers were clipped by their fixed columns — sized for the label, funnel and sort arrow;
a sortable header is at least 24px wide (Hungarian "Ki" was a 12px target). PRE-EXISTING, any
language: the messages unlock button and "Forgot passphrase" sat flush — one gapped row.

frontend/src/components/channelColumns.tsx

@@ -93,7 +93,9 @@ export function buildChannelColumns(deps: ChannelColumnDeps): Column<ManagedChan
       key: "priority",
       header: t("channels.cols.priority"),
       align: "center",
-      width: "5.5rem",
+      // Sized to the longer language's label + the funnel + a sort arrow ("Prioritás ▼ ⧩"): fixed layout
+      // clips a header that outgrows its column instead of widening it.
+      width: "7.5rem",
       // Off on a tablet-wide table, with About and Length: the row's "…" menu sets the priority too.
       tabletHidden: true,
       sortable: true,
@@ -155,7 +157,7 @@ export function buildChannelColumns(deps: ChannelColumnDeps): Column<ManagedChan
       key: "lastUpload",
       header: t("channels.cols.lastUpload"),
       nowrap: true,
-      width: "6rem",
+      width: "8rem", // "Utolsó feltöltés" + a sort arrow, as the priority column above
       sortable: true,
       sortValue: (c) => (c.last_video_at ? new Date(c.last_video_at).getTime() : 0),
       render: (c) => <RelativeTime at={c.last_video_at} empty="—" className="text-muted" />,