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-info/track-info.ts

@@ -118,10 +118,12 @@ export class TrackInfo extends LitElement {
             ${showCover ? this.renderCoverArt() : nothing}
             <div class="text">
                 ${displayTitle
-                    ? html`<span class="title">${displayTitle}</span>`
+                    ? html`<span class="title" title=${displayTitle}
+                          >${displayTitle}</span
+                      >`
                     : nothing}
                 ${secondaryParts
-                    ? html`<span class="secondary"
+                    ? html`<span class="secondary" title=${secondaryParts}
                           >${secondaryParts}</span
                       >`
                     : nothing}