fix: ensure transcript button appears in video player

[adamstankiewicz]

On stage/production (and seemingly locally on some machines), the "AD" transcripts button, added via vjstranscribe plugin for video.js, does not consistently appear, preventing users from using the transcript feature as expected.

This PR ensures the "AD" transcripts button always appears, using the out-of-the-box plugin by fetching the asynchronous transcripts data prior to initializing the player with videojs(...):

Video demo of fix

video-transcripts-locale-change.mov

For all changes

• Ensure adequate tests are in place (or reviewed existing tests cover changes)
• Ensure English strings are marked for translation. See documentation for more details.

Only if submitting a visual change

• Ensure to attach screenshots
• Ensure to have UX team confirm screenshots

[mahamakifdar19]

Looks good to me!

I have tested the changes on both the video detail page and course previews and everything is working fine. I think we're ready for a merge.

Thanks for contributing to the fix! 👍

[codecov]

Codecov Report

Attention: Patch coverage is 76.36364% with 13 lines in your changes missing coverage. Please review.

Project coverage is 87.08%. Comparing base (5efbadd) to head (c490c0b).

Files	Patch %	Lines
src/components/video/VideoJS.jsx	55.00%	9 Missing ⚠️
src/components/video/data/hooks.js	91.66%	1 Missing and 1 partial ⚠️
src/components/video/data/service.js	77.77%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #1135      +/-   ##
==========================================
- Coverage   87.12%   87.08%   -0.05%     
==========================================
  Files         391      392       +1     
  Lines        8123     8152      +29     
  Branches     2005     2011       +6     
==========================================
+ Hits         7077     7099      +22     
- Misses        997     1003       +6     
- Partials       49       50       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.