fix(a11y): let a clipped value be read, and name a row's own buttons

a11y.24: `text-overflow: ellipsis` in 40+ places, and the four
highest-density lists were the ones with no `title` — the queue panel
(whose width is user-resizable down to MIN_WIDTH), track-info, every
track-list cell, and the playlist sidebar.

In track-list the attribute is on the *cell*, not on what is inside it:
the value may be a link, a highlighted search match or plain text, and
a tooltip is inherited by descendants either way. One binding rather
than three, and the same value the accessor already computed.

a11y.32: every queue row's remove button was named "Remove from queue",
so a list whose entire purpose is which track is where had four
identically named controls.

frontend/src/components/track-list/track-list.ts

@@ -1839,8 +1839,12 @@ export class TrackList
                     display = albumLink(track.Album, track.ReleaseGroupMBID, display as any, track.ArtistName);
                 }
 
+                // `title` on the cell rather than on whatever is inside
+                // it: the value may be a link, a highlighted match or
+                // plain text, and a tooltip is inherited by descendants
+                // either way (a11y.24).
                 return html`
-                    <div role="gridcell" class=${classMap({
+                    <div role="gridcell" title=${val} class=${classMap({
                         cell: true,
                         'cell-center': centered,
                         'cell-right': !centered && col.align === 'right',