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/ui/tableHeader.tsx

@@ -229,10 +229,12 @@ export function ColumnHead<T>({
                 {/* Only a sortable header is a control. A non-sortable one used to render a
                     focusable no-op button, which put unlabeled dead stops in the tab order —
                     two of them per playlist table, whose grip and actions headers are empty. */}
+                {/* min-w-6 as well as min-h-6: a short header ("Ki", Hungarian "Who") was a 12px
+                    target beside its funnel, under the 24px floor. */}
                 {col.sortable ? (
                   <Pressable
                     onClick={() => onToggleSort(col.key)}
-                    className="inline-flex min-h-6 items-center gap-1 hover:text-fg cursor-pointer touch-target"
+                    className="inline-flex min-h-6 min-w-6 items-center gap-1 hover:text-fg cursor-pointer touch-target"
                   >
                     {col.header}
                     {isSorted &&