fix(cards): selection ring clipping on browse grids (WebKitGTK) (#962)

* fix(artists): inset selection ring on grid cards, stop composer hover clip

Artist multi-select used a positive outline-offset that clipped in the
first grid row and sat outside the card border on hover. Match album
cards with an inset ring; drop composer-card hover translateY that
sheared the top edge in the in-page scrollport.

Reported by zunoz (v1.47.0-rc.3).

* fix(cards): selection ring via inset ::after overlay on WebKitGTK grids

Replace outline-based multi-select rings on album/artist/playlist cards
with the same inset ::after box-shadow pattern used for card focus rings
(card.css) — avoids clipping and the 1px gap vs the inner border on
overflow:hidden tiles in All Albums and related browse grids.

* docs: note browse grid selection ring fix in CHANGELOG (PR #962)

* docs(changelog): credit zunoz on Psysonic Discord for PR #962

src/components/playlists/PlaylistCard.tsx

@@ -43,7 +43,7 @@ export default function PlaylistCard({
 
   return (
     <div
-      className={`album-card${selectionMode && selectedIds.has(pl.id) ? ' selected' : ''}`}
+      className={`album-card${selectionMode && selectedIds.has(pl.id) ? ' album-card--selected' : ''}`}
       onClick={(e) => {
         if (selectionMode) {
           toggleSelect(pl.id, { shiftKey: e.shiftKey });
@@ -60,12 +60,6 @@ export default function PlaylistCard({
         }
       }}
       onMouseLeave={() => { if (deleteConfirmId === pl.id) setDeleteConfirmId(null); }}
-      style={selectionMode && selectedIds.has(pl.id) ? {
-        position: 'relative',
-        outline: '2px solid var(--accent)',
-        outlineOffset: '2px',
-        borderRadius: 'var(--radius-md)'
-      } : { position: 'relative' }}
     >
       {!selectionMode && (
         <div className="playlist-card-actions">