fix(PPDSC-2266): remove typo in video player styling

[mstuartf]

PPDSC-2266

What

1. Background - bug
2. What did you do

• Typo meant video player class styling was not nested under randomised emotion class names.
• Styling was being applied (to the whole page) by the video-js and vjs-* classnames.
• This meant that switching between themes would not always update styling. Because there was no randomised classname, the styling for a re-selected theme would not be reloaded.
• Removed the typo and updated the snapshots.

4. What does the reviewers should expect

• Styling should no longer get stuck when moving between themes

I have done:

• Written unit tests against changes
• Written functional tests against the component and/or NewsKit site
• Updated relevant documentation

I have tested manually:

• The feature's functionality is working as expected on Chrome, Firefox, Safari and Edge
• The screen reader reads and flows through the elements as expected.
• There are no new errors in the browser console coming from this PR.
• When visual test is not added, it renders correctly on different browsers and mobile viewports (Safari, Firefox, small mobile viewport, tablet)
• The Playground feature is working as expected

Before:

After:

Who should review this PR:

How to test:

[newskit-engineering]

You can preview these changes on:
Documentation Site: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2266-video-player
Storybook: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2266-video-player/storybook

[mutebg]

Good catch