feat(playback): global speed with three strategies (#852)

* feat(playback): global speed with three strategies

Add Settings → Audio and player-bar controls for global playback speed
(speed with auto pitch correction as default, varispeed, manual pitch shift).
Time-stretch runs on a background worker; Orbit sessions force 1.0× passthrough.

* fix(playback): align seekbar, seek, and progress on content timeline

Unify UI timebase across varispeed and preserve strategies: full-track
duration, speed-scaled progress for DSP paths, and content-timeline seeks
without varispeed scaling. Reset the sample counter after seek so clicks
land correctly; restart playback on strategy/enable changes instead of
fragile hot-switching.

* fix(ui): anchor playback speed popover like volume controls

Replace the centered EQ-style modal with a player-bar popover (outside
click, Escape, reposition on scroll). Show compact controls in the bar
and overflow menu; keep strategy hints and labels in Settings only.

* docs(release): CHANGELOG and credits for playback speed (PR #852)

* docs(changelog): add playback speed entry for PR #852

* fix(clippy): simplify raw_counter_samples branch for CI

Collapse duplicate if branches flagged by clippy::if-same-then-else.

* fix(ui): wheel on pitch slider adjusts pitch in speed popover

In compact player-bar controls, scroll over the pitch row changes pitch;
elsewhere in the panel changes speed. Stop propagation so overflow menu
wheel does not tweak volume.

* fix(playback): address PR #852 review and drop ineffective dynamic imports

Translate playback-rate strings for de/fr/es/zh/nb/nl/ro; restamp sample
counter on live preserve-path speed changes; use neutral rate atomics for
radio progress; static-import playerStore in playListenSession (move preview
volume sync to previewPlayerVolumeSync side-effect module).

* fix(i18n): translate playback-rate strategy labels in all locales

Replace leftover English Varispeed/Pitch strings in ru and other non-en
settings blocks so popover strategy buttons and hints read natively.

* fix(i18n): refine German varispeed label to "Tonhöhe folgt dem Tempo"

---------

Co-authored-by: Psychotoxical <171614930+Psychotoxical@users.noreply.github.com>

src/styles/components/index.css

@@ -40,6 +40,7 @@
 @import './now-playing-page-2.css';
 @import './radio-nowplaying-section.css';
 @import './equalizer.css';
+@import './playback-rate.css';
 @import './custom-select.css';
 @import './changelog.css';
 @import './genre-filter-bar.css';

src/styles/components/playback-rate.css

@@ -0,0 +1,93 @@
+.playback-rate-controls {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+.playback-rate-strategy-row {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.playback-rate-strategy-btns {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.playback-rate-slider-row {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.playback-rate-label {
+  font-size: 13px;
+  font-weight: 500;
+  min-width: 4.5rem;
+  flex-shrink: 0;
+}
+
+.playback-rate-slider {
+  flex: 1;
+  min-width: 80px;
+}
+
+.playback-rate-value {
+  font-size: 13px;
+  color: var(--text-secondary);
+  min-width: 3rem;
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+
+.playback-rate-presets {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+
+.player-playback-rate-popover,
+.player-playback-rate-menu-section {
+  padding: 10px;
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border);
+  background: var(--bg-card);
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
+}
+
+.player-playback-rate-popover {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.player-playback-rate-menu-section {
+  box-shadow: none;
+}
+
+.playback-rate-controls--compact .playback-rate-slider-row {
+  gap: 0.5rem;
+}
+
+.playback-rate-controls--compact .playback-rate-slider {
+  flex: 1;
+  min-width: 0;
+}
+
+.playback-rate-controls--compact .playback-rate-strategy-row {
+  gap: 0.35rem;
+}
+
+.player-playback-rate-btn {
+  font-size: 11px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  min-width: 2.5rem;
+  letter-spacing: -0.02em;
+}
+
+.player-playback-rate-btn--live {
+  color: var(--accent);
+}