Fix ReplayOverlay rewind timer

[balins]

This PR fixes a bug introduced when adding video replays in #579 that was making the timer freeze and sometimes show negative values during rewind.

The issue was caused by updating only the video player's current time and not propagating the change to the element rendering the overlay. We've seemed to rely on handleTimeUpdate callback registered on "timeupdate" event, but this event is not emitted when updating the current time of the video programmatically.
Sometimes, the timer indicated negative values during rewind, and this was also caused by setting the current time on video without updating the overlay's time accordingly, which in turn led to time = 0 (default on mount) and startTime = [video duration - 5], causing the timer to show negative values when video duration > 5 (we calculate the time displayed on timer as time - startTime).

The proposed changes include passing a callback that allows the rewind function not only for updating the video's current time, but also the current time of the overlay component.
Another change is that we won't show • REPLAY 0:00 until video metadata is loaded to avoid flickering from 0:00 to video duration when starting the rewind.

main.mov

new.mov

How Has This Been Tested:

Tested that with introduced changes, the timer behaves as expected both in rewind and normal playback.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
radon-ide	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 16, 2024 8:12am

[kmagiera]

Code looks good. Can you just expand in the description why was the issue occurring and why the proposed changes fix it?

[balins]

Code looks good. Can you just expand in the description why was the issue occurring and why the proposed changes fix it?

Updated the description 👍