Simplify app ready animation frame handling

Author: shayancoin

frontend/src/app/components/app-ready.tsx

@@ -9,23 +9,17 @@ export function AppReadyEffect() {
       return
     }
 
-    let frame1: number | null = null
-    let frame2: number | null = null
+    let frame: number | null = null
 
     const markReady = () => {
       appElement.setAttribute('data-ready', 'true')
     }
 
-    frame1 = requestAnimationFrame(() => {
-      frame2 = requestAnimationFrame(markReady)
-    })
+    frame = requestAnimationFrame(markReady)
 
     return () => {
-      if (frame1 !== null) {
-        cancelAnimationFrame(frame1)
-      }
-      if (frame2 !== null) {
-        cancelAnimationFrame(frame2)
+      if (frame !== null) {
+        cancelAnimationFrame(frame)
       }
     }
   }, [])