Feat/BOOK-257 videoplayer with card

* feat(BOOK-257): Added VideoPlayer with card component
* feat(BOOK-257): Added queries and component for VideoCard block to Content and Collection pages
* fix(BOOK-257): Only setting object-fit: cover on the video if it is not fullscreen
* feat(BOOK-257): Added queries and component for VideoCard block to Startpage
* feat(BOOK-257): Added queries and component for Video block to content/collection/start page

Approved-by: Chuma Mcphoy (We Ahead)

packages/trpc/lib/graphql/Query/StartPage/StartPage.graphql.ts

@@ -16,6 +16,14 @@ import {
   JoinScandicFriends_StartPage,
   JoinScandicFriends_StartPageRefs,
 } from "../../Fragments/Blocks/JoinScandicFriends.graphql"
+import {
+  Video_StartPage,
+  Video_StartPageRefs,
+} from "../../Fragments/Blocks/Video.graphql"
+import {
+  VideoCard_StartPage,
+  VideoCard_StartPageRefs,
+} from "../../Fragments/Blocks/VideoCard.graphql"
 import { System } from "../../Fragments/System.graphql"
 
 export const GetStartPage = gql`
@@ -44,6 +52,8 @@ export const GetStartPage = gql`
           }
         }
         ...JoinScandicFriends_StartPage
+        ...VideoCard_StartPage
+        ...Video_StartPage
       }
       system {
         ...System
@@ -60,6 +70,8 @@ export const GetStartPage = gql`
   ${FullWidthCampaign}
   ${CarouselCards_StartPage}
   ${JoinScandicFriends_StartPage}
+  ${VideoCard_StartPage}
+  ${Video_StartPage}
 `
 
 export const GetStartPageRefs = gql`
@@ -81,6 +93,8 @@ export const GetStartPageRefs = gql`
           }
         }
         ...JoinScandicFriends_StartPageRefs
+        ...VideoCard_StartPageRefs
+        ...Video_StartPageRefs
       }
       system {
         ...System
@@ -92,6 +106,8 @@ export const GetStartPageRefs = gql`
   ${FullWidthCampaignRefs}
   ${CarouselCards_StartPageRefs}
   ${JoinScandicFriends_StartPageRefs}
+  ${VideoCard_StartPageRefs}
+  ${Video_StartPageRefs}
 `
 
 export const GetDaDeEnUrlsStartPage = gql`