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/CollectionPage/CollectionPage.graphql.ts

@@ -16,6 +16,14 @@ import {
   UspGrid_CollectionPage,
   UspGrid_CollectionPageRefs,
 } from "../../Fragments/Blocks/UspGrid.graphql"
+import {
+  Video_CollectionPage,
+  Video_CollectionPageRefs,
+} from "../../Fragments/Blocks/Video.graphql"
+import {
+  VideoCard_CollectionPage,
+  VideoCard_CollectionPageRefs,
+} from "../../Fragments/Blocks/VideoCard.graphql"
 import {
   NavigationLinks_CollectionPage,
   NavigationLinksRef_CollectionPage,
@@ -51,6 +59,8 @@ export const GetCollectionPage = gql`
         ...Shortcuts_CollectionPage
         ...UspGrid_CollectionPage
         ...DynamicContent_CollectionPage
+        ...VideoCard_CollectionPage
+        ...Video_CollectionPage
       }
       system {
         ...System
@@ -62,13 +72,16 @@ export const GetCollectionPage = gql`
       url
     }
   }
+  ${System}
   ${TopPrimaryButton_CollectionPage}
   ${NavigationLinks_CollectionPage}
   ${CardsGrid_CollectionPage}
   ${Shortcuts_CollectionPage}
   ${UspGrid_CollectionPage}
   ${DynamicContent_CollectionPage}
+  ${VideoCard_CollectionPage}
   ${Video}
+  ${Video_CollectionPage}
 `
 
 export const GetCollectionPageRefs = gql`
@@ -87,6 +100,8 @@ export const GetCollectionPageRefs = gql`
         ...Shortcuts_CollectionPageRefs
         ...UspGrid_CollectionPageRefs
         ...DynamicContent_CollectionPageRefs
+        ...VideoCard_CollectionPageRefs
+        ...Video_CollectionPageRefs
       }
       system {
         ...System
@@ -101,6 +116,8 @@ export const GetCollectionPageRefs = gql`
   ${UspGrid_CollectionPageRefs}
   ${DynamicContent_CollectionPageRefs}
   ${VideoRef}
+  ${VideoCard_CollectionPageRefs}
+  ${Video_CollectionPageRefs}
 `
 
 export const GetDaDeEnUrlsCollectionPage = gql`