Fix requestAnimationFrame not always being called when handling embeds

app/javascript/entrypoints/embed.tsx

@@ -62,6 +62,7 @@ window.addEventListener('message', (e) => {
 
   // We use a timeout to allow for the React page to render before calculating the height
   afterInitialRender(() => {
+    window.requestAnimationFrame(() => {
       window.parent.postMessage(
         {
           type: 'setHeight',
@@ -72,3 +73,4 @@ window.addEventListener('message', (e) => {
       );
     });
   });
+});

app/javascript/hooks/useRenderSignal.ts

@@ -24,9 +24,7 @@ export const useRenderSignal = () => {
     renderSignalReceived = true;
 
     if (typeof onInitialRender !== 'undefined') {
-      window.requestAnimationFrame(() => {
       onInitialRender();
-      });
     }
   };
 };