Update CurrentTrack component for improved animation handling and styling

- Changed the progress bar container position to fixed and adjusted its height and width for better visual alignment.
- Added a useEffect hook to log track changes when animations are enabled, enhancing debugging capabilities.
- Moved the ProgressBar rendering to ensure it displays correctly during track transitions, improving user experience.
- Implemented logic in CurrentTrackManager to handle track changes without animation when the player is stopped, streamlining state management.

Author: RXDCODX

src/components/OBS_Components/SoundRequest/CurrentTrack/CurrentTrack.module.scss

@@ -148,11 +148,13 @@
 
 /* Прогресс-бар контейнер */
 .progressBarContainer {
-  position: absolute;
-  top: 0;
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
   left: 0;
   right: 0;
-  height: 100%;
+  height: 90%;
+  width: 100%;
   z-index: -1;
   background: linear-gradient(to right,
       rgba(110, 110, 110, 0.45) 0%,

src/components/OBS_Components/SoundRequest/CurrentTrack/CurrentTrack.tsx

@@ -1,6 +1,6 @@
 import "./animation.scss";
 
-import { CSSProperties } from "react";
+import { CSSProperties, useEffect } from "react";
 
 import { TunaMusicData } from "@/shared/api";
 
@@ -34,6 +34,12 @@ export default function CurrentTrack({
   swapChange,
   shouldAnimate = true,
 }: Props) {
+  useEffect(() => {
+    if (shouldAnimate) {
+      console.log(oldTrack, track, swap, shouldAnimate);
+    }
+  }, [oldTrack, shouldAnimate, swap, track]);
+
   return (
     <>
       <div
@@ -42,14 +48,14 @@ export default function CurrentTrack({
           ...baseStyles,
         }}
       >
-        <ProgressBar track={track} />
         <AnimationControl AnimationStart={shouldAnimate} swapTrack={swapChange}>
           {shouldAnimate && !swap && <CurrentTrackElement track={oldTrack} />}
           {(shouldAnimate && swap) || !shouldAnimate ? (
             <CurrentTrackElement track={track} />
           ) : null}
         </AnimationControl>
       </div>
+      <ProgressBar track={track} />
     </>
   );
 }

src/components/OBS_Components/SoundRequest/CurrentTrack/CurrentTrackManager.tsx

@@ -54,6 +54,20 @@ export function CurrentTrackManager() {
             };
           }
 
+          // Если плеер остановлен и приходит новый трек — просто меняем без анимации
+          if (
+            s.currentTrack.status === "stopped" &&
+            key(a.data) !== key(s.currentTrack)
+          ) {
+            return {
+              ...s,
+              currentTrack: { ...a.data, isDefaultValue: false },
+              incomingTrack: null,
+              isAnimating: false,
+              swap: false,
+            };
+          }
+
           // Если уже идёт анимация — только обновляем incomingTrack
           if (s.isAnimating) {
             return {