feat(electron): recording popup ux (#11403)

fix AF-2444, AF-2443

packages/frontend/component/src/ui/lottie/animated-play-icon.tsx

@@ -25,6 +25,14 @@ const PlayAndPauseIcon = ({
   const lottieRef: LottieRef = useRef(null);
   const prevStateRef = useRef(state);
 
+  useEffect(() => {
+    if (!lottieRef.current) return;
+    const lottie = lottieRef.current;
+    if (prevStateRef.current === 'pause') {
+      lottie.goToAndStop(100, true);
+    }
+  }, []);
+
   useEffect(() => {
     if (!lottieRef.current) return;
     const lottie = lottieRef.current;