Feat / styling changes

[ChristiaanScheermeijer]

Description

refactor: add className prop to share and favorite buttons

This allows us to configure some additional styling on mobile devices without ugly selectors.

feat: show hub items in grid layout when single shelf

When a single playlist is configured, the items are presented as a grid instead of a single horizontal slider.

fix: hero shelf clipping on safari browsers

CSS will-change causes some header clipping issues on Safari browsers. The only fix seems to remove it for the hero shelf.

feat(home): hero shelf styling improvements

We tweaked the hero shelf a few times and this is the result. The background image was not always presented nicely. The biggest challenge is that this depends on the image and position of the subject.

fix: video details buttons wrapping

The buttons on the video details page were wrapping (noticeable in other languages).

refactor(a11y): markdown heading offset

The markdown component renders headings, but for a11y reasons, we need to offset the heading level so that it doesn't mess up the document hierarchy.

fix: allow playing signed trailer items

Trailers didn't work on URL-protected properties. By using the PlayerContainer, the items are signed when needed.