[PC-1413] StopAtProgressLottie 정지 로직 최적화 (derivedStateOf, snapshotFlow)

Author: comst19

feature/onboarding/src/main/java/com/puzzle/onboarding/ui/components/StopAtProgressLottie.kt

@@ -3,10 +3,13 @@ package com.puzzle.onboarding.ui.components
 import androidx.annotation.RawRes
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.State
+import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
+import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.tooling.preview.Preview
@@ -30,29 +33,35 @@ internal fun StopAtProgressLottie(
         LottieCompositionSpec.RawRes(lottieRes)
     )
 
-    val animProgress by animateLottieCompositionAsState(
+    val animProgressState: State<Float> = animateLottieCompositionAsState(
         composition = composition,
         iterations = 1,
         isPlaying = shouldPlay,
         restartOnPlay = true
     )
 
     var isStopped by remember { mutableStateOf(false) }
-
     var stoppedProgress by remember { mutableStateOf(0f) }
 
-    LaunchedEffect(animProgress, shouldPlay) {
+    val hasReachedTarget by remember {
+        derivedStateOf { animProgressState.value >= targetProgress }
+    }
+
+    LaunchedEffect(shouldPlay) {
         if (shouldPlay) {
             isStopped = false
         }
 
-        if (!isStopped && animProgress >= targetProgress) {
-            isStopped = true
-            stoppedProgress = targetProgress
-        }
+        snapshotFlow { hasReachedTarget to isStopped }
+            .collect { (reached, alreadyStopped) ->
+                if (!alreadyStopped && reached) {
+                    isStopped = true
+                    stoppedProgress = targetProgress
+                }
+            }
     }
 
-    val finalProgress = if (isStopped) stoppedProgress else animProgress
+    val finalProgress = if (isStopped) stoppedProgress else animProgressState.value
 
     LottieAnimation(
         composition = composition,