ui: more library cards on big screens + slightly bigger font on home carousel

frontend/src/components/Item/ItemGrid.vue

@@ -107,4 +107,12 @@ withDefaults(
 .large-grid.xl .card-grid-container.xl {
   grid-template-columns: repeat(5, minmax(calc(100% / 5), 1fr));
 }
+
+.card-grid-container.xxl {
+  grid-template-columns: repeat(12, minmax(calc(100% / 12), 1fr));
+}
+
+.large-grid.xxl .card-grid-container.xxl {
+  grid-template-columns: repeat(6, minmax(calc(100% / 6), 1fr));
+}
 </style>

frontend/src/components/Item/MediaInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="text--secondary">
+  <div>
     <span v-if="item.Type === 'Episode'">
       {{
         $t('seasonEpisodeAbbrev', {

frontend/src/components/Layout/Carousel/Item/ItemsCarouselTitle.vue

@@ -20,7 +20,7 @@
     <p
       v-if="subtitle"
       data-swiper-parallax="-200"
-      class="text-truncate text-subtitle-2">
+      class="text-truncate text-h6">
       {{ subtitle }}
     </p>
     <h2