Refactor AnimationControl and CurrentTrackManager for improved animation handling and timing

- Updated AnimationControl to utilize refs for managing animation triggers, ensuring animations are executed only once per cycle.
- Adjusted animation timing in CurrentTrackManager, increasing the total animation duration for smoother transitions.

Author: RXDCODX

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

@@ -5,7 +5,7 @@ import {
   Variant,
   Variants,
 } from "framer-motion";
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 import styles from "./CurrentTrack.module.scss";
 
@@ -33,18 +33,21 @@ export default function AnimationControl({
   const [animationStage, setAnimationStage] = useState<AnimationStage>("idle");
   const [nowPlayingCount, setNowPlayingCount] = useState(0);
 
-  const startAnimation = useCallback(() => {
-    if (!AnimationStart || animationStage !== "idle") return;
-
-    setAnimationStage("compressIn");
-    setNowPlayingCount(0);
-  }, [AnimationStart, animationStage]);
-
+  // Запускаем анимацию ровно один раз на цикл AnimationStart=true
+  const hasTriggeredRef = useRef(false);
+  const hasSwappedRef = useRef(false);
   useEffect(() => {
-    if (AnimationStart) {
-      startAnimation();
+    if (AnimationStart && !hasTriggeredRef.current) {
+      hasTriggeredRef.current = true;
+      setAnimationStage("compressIn");
+      setNowPlayingCount(0);
+      hasSwappedRef.current = false;
     }
-  }, [AnimationStart, startAnimation]);
+    if (!AnimationStart) {
+      hasTriggeredRef.current = false;
+      hasSwappedRef.current = false;
+    }
+  }, [AnimationStart]);
 
   const handleAnimationComplete = (stage: AnimationStage) => {
     switch (stage) {
@@ -59,7 +62,10 @@ export default function AnimationControl({
         break;
       case "compressInFinal":
         setAnimationStage("compressOutFinal");
-        swapTrack();
+        if (!hasSwappedRef.current) {
+          hasSwappedRef.current = true;
+          swapTrack();
+        }
         break;
       case "compressOutFinal":
         setAnimationStage("showChildren");

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

@@ -109,7 +109,7 @@ export function CurrentTrackManager() {
   );
 
   // Общая длительность ступенчатой анимации (сжатие/разжатие → NOW PLAYING → сжатие/разжатие → показ контента)
-  const ANIMATION_TOTAL_MS = 6200;
+  const ANIMATION_TOTAL_MS = 8000;
 
   // Таймер завершения анимации
   const animationTimer = useRef<number | null>(null);