WSTEAM1-1543: Add live media to header - PRODUCTION

[shayneahchoon]

Resolves JIRA WSTEAM1-1521
Resolves JIRA WSTEAM1-1542
Resolves JIRA WSTEAM1-1543

Overall changes

VERY IMPORTANT: Production video content will not work on test pages.

Adds live media to the header of a live page:

Adds live tv media to the header of a live page:

Code changes

• Add a new liveMedia config for the MediaLoader component.
• Adds a MediaLoader component to the Header of a live page.

Testing

1. Go here: http://localhost.bbc.com:7081/mundo/live/c7dkx155e626t
2. Storybook (note: media doesn't play) https://wsteam1-1521-live-video-front-end--5d28eb3fe163f6002046d6fa.chromatic.com/?path=/story/pages-live-page--with-live-stream
3. Storybook (example with guidance): https://wsteam1-1521-live-video-front-end--5d28eb3fe163f6002046d6fa.chromatic.com/iframe.html?globals=&args=&id=components-liveheadermedia--component-with-guidance

Helpful Links

Add Links to useful resources related to this PR if applicable.

Coding Standards

Repository use guidelines