Refactor MikuMikuBeamComponent and WaifuRoulettePrizeItem for improved functionality and styling

- Updated MikuMikuBeamComponent to conditionally invoke message deletion based on ticker visibility.
- Reformatted styles in WaifuRoulettePrizeItem for better readability and consistency.

Author: RXDCODX

src/components/OBS_Components/MikuMikuBeam/MikuMikuBeamComponent.tsx

@@ -91,13 +91,14 @@ const MikuMikuBeamComponent = () => {
 
     // Показываем бегущие строки в нужный временной интервал
     if (currentTime >= TICKER_START_TIME && currentTime <= TICKER_END_TIME) {
+      if (!showTickers) {
+        TelegramusHubSignalRContext.invoke("MikuMikuDeleteTwitchMessages");
+      }
       setShowTickers(true);
-      debugger;
-      TelegramusHubSignalRContext.invoke("MikuMikuDeleteTwitchMessages");
     } else {
       setShowTickers(false);
     }
-  }, []);
+  }, [showTickers]);
 
   // Обработчик завершения видео
   const handleVideoEnded = useCallback(() => {

src/components/OBS_Components/WaifuAlerts/components/WaifuRoulettePrizeItem.tsx

@@ -18,7 +18,10 @@ export default function WaifuRoulettePrizeItem({
     return (
       <figure
         className={styles.figure}
-        style={{ width: `${PRIZE_ITEM_WIDTH}px`, height: `${PRIZE_ITEM_HEIGHT}px` }}
+        style={{
+          width: `${PRIZE_ITEM_WIDTH}px`,
+          height: `${PRIZE_ITEM_HEIGHT}px`,
+        }}
       >
         <div className={styles.inner}>
           <img