fix(playerbar): add Mute / Unmute tooltip on the speaker icon (#752)

The speaker button in the player bar toggled volume to 0 (or back to
the pre-mute level) but exposed no `data-tooltip`, so hovering it
showed nothing — users couldn't tell what the icon did. Add a tooltip
that switches between "Mute" and "Unmute" with the current state, and
mirror the same string on `aria-label` for screen readers. New
`player.mute` / `player.unmute` keys land across all 9 locales.

src/components/playerBar/PlayerVolume.tsx

@@ -40,7 +40,8 @@ export function PlayerVolume({
             setVolume(0);
           }
         }}
-        aria-label={t('player.volume')}
+        aria-label={volume === 0 ? t('player.unmute') : t('player.mute')}
+        data-tooltip={volume === 0 ? t('player.unmute') : t('player.mute')}
         style={{ color: 'var(--text-muted)', flexShrink: 0 }}
       >
         {volume === 0 ? <VolumeX size={16} /> : <Volume2 size={16} />}

src/locales/de/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'Einen',
   progress: 'Songfortschritt',
   volume: 'Lautstärke',
+  mute: 'Stummschalten',
+  unmute: 'Stumm aufheben',
   toggleQueue: 'Warteschlange umschalten',
   collapseQueueResize: 'Warteschlange einklappen, Breite ändern',
   moreOptions: 'Weitere Optionen',

src/locales/en/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'One',
   progress: 'Song Progress',
   volume: 'Volume',
+  mute: 'Mute',
+  unmute: 'Unmute',
   toggleQueue: 'Toggle Queue',
   collapseQueueResize: 'Collapse queue, resize',
   moreOptions: 'More options',

src/locales/es/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'Una',
   progress: 'Progreso de Canción',
   volume: 'Volumen',
+  mute: 'Silenciar',
+  unmute: 'Quitar silencio',
   toggleQueue: 'Alternar Cola',
   collapseQueueResize: 'Contraer cola, cambiar ancho',
   moreOptions: 'Más opciones',

src/locales/fr/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'Un',
   progress: 'Progression',
   volume: 'Volume',
+  mute: 'Couper le son',
+  unmute: 'Activer le son',
   toggleQueue: 'Afficher/masquer la file',
   collapseQueueResize: 'Réduire la file, redimensionner',
   moreOptions: 'Plus d’options',

src/locales/nb/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'Én',
   progress: 'Sangfremdrift',
   volume: 'Volum',
+  mute: 'Demp',
+  unmute: 'Slå på lyden',
   toggleQueue: 'Veksle kø',
   collapseQueueResize: 'Skjul kø, endre bredde',
   moreOptions: 'Flere alternativer',

src/locales/nl/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'Één',
   progress: 'Nummervoortgang',
   volume: 'Volume',
+  mute: 'Dempen',
+  unmute: 'Dempen opheffen',
   toggleQueue: 'Wachtrij in-/uitschakelen',
   collapseQueueResize: 'Wachtrij inklappen, breedte wijzigen',
   moreOptions: 'Meer opties',

src/locales/ro/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'Unul',
   progress: 'Progresul Piesei',
   volume: 'Volum',
+  mute: 'Oprește sunetul',
+  unmute: 'Pornește sunetul',
   toggleQueue: 'Comutați Coada',
   collapseQueueResize: 'Strânge coada, redimensionează',
   moreOptions: 'Mai multe opțiuni',

src/locales/ru/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: 'Один',
   progress: 'Прогресс',
   volume: 'Громкость',
+  mute: 'Отключить звук',
+  unmute: 'Включить звук',
   toggleQueue: 'Очередь',
   collapseQueueResize: 'Свернуть очередь, изменить ширину',
   moreOptions: 'Дополнительно',

src/locales/zh/player.ts

@@ -39,6 +39,8 @@ export const player = {
   repeatOne: '单曲',
   progress: '播放进度',
   volume: '音量',
+  mute: '静音',
+  unmute: '取消静音',
   toggleQueue: '切换队列',
   collapseQueueResize: '收起队列，调整宽度',
   moreOptions: '更多选项',