move vol to right on large screens

components/PlaybackControls.tsx

@@ -24,7 +24,7 @@ const PlaybackControls: React.FC<PlaybackControlsProps> = ({
   setVolume,
   changeChannel,
 }) => (
-  <div className="flex w-full items-center justify-between gap-2">
+  <div className="flex w-full items-center justify-between sm:justify-start sm:gap-8">
     {/* Left Side - Playback Controls */}
     <div className="flex shrink-0 items-center space-x-1">
       <button
@@ -49,8 +49,6 @@ const PlaybackControls: React.FC<PlaybackControlsProps> = ({
       >
         <SkipForward size={14} className="sm:h-4 sm:w-4" />
       </button>
-    </div>
-
       {/* Right Side - Volume Control */}
       <div className="flex min-w-[90px] items-center space-x-1 sm:min-w-[110px] sm:space-x-2">
         <button
@@ -76,6 +74,7 @@ const PlaybackControls: React.FC<PlaybackControlsProps> = ({
         />
       </div>
     </div>
+  </div>
 )
 
 export default PlaybackControls