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/Fragments/Blocks/Video.graphql.ts

@@ -0,0 +1,63 @@
+import { gql } from "graphql-tag"
+
+import { Video, VideoRef } from "../Video.graphql"
+
+export const Video_ContentPage = gql`
+  fragment Video_ContentPage on ContentPageBlocksVideo {
+    __typename
+    video {
+      ...Video
+    }
+  }
+  ${Video}
+`
+
+export const Video_CollectionPage = gql`
+  fragment Video_CollectionPage on CollectionPageBlocksVideo {
+    __typename
+    video {
+      ...Video
+    }
+  }
+  ${Video}
+`
+
+export const Video_StartPage = gql`
+  fragment Video_StartPage on StartPageBlocksVideo {
+    __typename
+    video {
+      ...Video
+    }
+  }
+  ${Video}
+`
+
+export const Video_ContentPageRefs = gql`
+  fragment Video_ContentPageRefs on ContentPageBlocksVideo {
+    __typename
+    video {
+      ...VideoRef
+    }
+  }
+  ${VideoRef}
+`
+
+export const Video_CollectionPageRefs = gql`
+  fragment Video_CollectionPageRefs on CollectionPageBlocksVideo {
+    __typename
+    video {
+      ...VideoRef
+    }
+  }
+  ${VideoRef}
+`
+
+export const Video_StartPageRefs = gql`
+  fragment Video_StartPageRefs on StartPageBlocksVideo {
+    __typename
+    video {
+      ...VideoRef
+    }
+  }
+  ${VideoRef}
+`