feature: AudioPlayerBar enhancements

DeepDrftPublic.Client/Controls/AudioPlayerBar/TrackMetaLabel.razor.css

@@ -60,7 +60,7 @@
 
     .track-meta-accents {
         flex-direction: column;
-        align-items: flex-end;
+        align-items: flex-start;
         gap: 2px;
     }
 
@@ -69,6 +69,12 @@
     }
 }
 
+@media (max-width: 899.98px) {
+    ::deep .track-meta-year {
+        padding-left: 8px;
+        padding-right: 8px;
+    }
+}
 /* Narrow band (<600): fully vertical — title / artist / genre / year all stacked, left-aligned. */
 @media (max-width: 599.98px) {
     .track-meta-row {

DeepDrftPublic.Client/Controls/AudioPlayerBar/VolumeZone.razor

@@ -1,7 +1,7 @@
 @namespace DeepDrftPublic.Client.Controls.AudioPlayerBar
 
 <MudStack Row="false" AlignItems="AlignItems.Center" Spacing="1" Class="@($"volume-zone {Class}".TrimEnd())">
-    <SpectrumVisualizer BucketCount="10"/>
+    <SpectrumVisualizer BucketCount="18"/>
     <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1" Class="volume-row">
         <MudIcon Icon="@GetVolumeIcon()"/>
         <MudSlider T="double"