[BUG] Fix Transcripts/Annotations Synchronization for multi-item Canvas

[Dananji]

Description

The IA Manifest is a single Canvas Manifest with multiple items in the same Canvas. Similar to this cookbook recipe.
This particular IA Manifest has a supplementing annotation that is displayed in the transcripts and annotations components. The cues/annotations are created with time-stamps relative to the entire duration of the Canvas (all 13 items combined).
However transcripts and annotations components are not aware of this multi-item Canvas. This breaks cue/annotation synchronization with playback, because the transcripts/annotations components don't consider the relative start time of each item in the Canvas, which it should.
Therefore, when a user clicks on a cue/annotation it seeks the player to the timestamp relative to the current media item's start point instead of the entire duration.

Steps to reproduce:

1. Load the Manifest into Ramp
2. Select the Transcripts tab and uncheck Auto-scroll with media
3. Click on [00:01:20] LANDSCAPE,DERSTAND cue
4. Observe that, the player seeks to 01:00 minute mark and displays Replay icon in-place of Play/Pause button in the control-bar. This 01:00 minute mark is the duration of the first item in the first Canvas.

Similar behavior can be observed for Annotations component as well.

Done Looks Like

Transcripts/Annotations components,

• seek the player's playhead to the correct time point when clicked on a cue/annotation for a multi-item Canvas
• can auto-scroll the transcript/annotations highlighting the correct cue/annotation while the player is playing the media jumping from item to item within the Canvas