fix: polish controlled progress demo

The example Replay button now works for the controlled playback case.

Root README snippets include the imports needed to copy the example.

Constraint: Keep this as review follow-up polish without widening playback APIs

Confidence: high

Scope-risk: narrow

Tested: pnpm run format:check

Tested: pnpm run lint

Tested: pnpm run typecheck

Tested: pnpm run example:build

Tested: git diff --check

Not-tested: Manual device tap-through of the example Replay button

Author: saseungmin

README.ko.md

@@ -57,6 +57,14 @@ Controlled progress는 text motion이 component 내부 autoplay가 아니라 외
 기본 controlled progress 예시:
 
 ```tsx
+import {
+  defineTextMotion,
+  fade,
+  nativeText,
+  rise,
+  stagger,
+  words,
+} from '@react-native-motion-kit/text-motion';
 import { Button } from 'react-native';
 import { useSharedValue, withTiming } from 'react-native-reanimated';
 

README.md

@@ -59,6 +59,14 @@ Controlled progress is useful when text motion should follow something outside t
 Basic controlled progress usage:
 
 ```tsx
+import {
+  defineTextMotion,
+  fade,
+  nativeText,
+  rise,
+  stagger,
+  words,
+} from '@react-native-motion-kit/text-motion';
 import { Button } from 'react-native';
 import { useSharedValue, withTiming } from 'react-native-reanimated';
 

example/src/App.tsx

@@ -23,7 +23,7 @@ import {
   softWave,
 } from '@react-native-motion-kit/text-motion/presets';
 import { StatusBar } from 'expo-status-bar';
-import { useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Pressable, SafeAreaView, StyleSheet, Text, View } from 'react-native';
 import { useSharedValue, withTiming } from 'react-native-reanimated';
 
@@ -342,8 +342,19 @@ function nextDemoIndex(index: number): number {
   return (index + 1) % demos.length;
 }
 
-function ControlledProgressDemo({ text }: { text: string }) {
+function ControlledProgressDemo({ replaySignal, text }: { replaySignal: number; text: string }) {
   const progress = useSharedValue(0);
+  const replaySignalRef = useRef(replaySignal);
+
+  useEffect(() => {
+    if (replaySignalRef.current === replaySignal) {
+      return;
+    }
+
+    replaySignalRef.current = replaySignal;
+    progress.value = 0;
+    progress.value = withTiming(1, { duration: 720 });
+  }, [progress, replaySignal]);
 
   return (
     <View style={styles.controlledDemo}>
@@ -438,7 +449,7 @@ export default function App() {
 
           <View style={styles.motionFrame}>
             {controlledDemoSelected ? (
-              <ControlledProgressDemo key={demo.id} text={demo.text} />
+              <ControlledProgressDemo key={demo.id} replaySignal={replayKey} text={demo.text} />
             ) : (
               MotionText && (
                 <MotionText