[ROMM-2835] Fix appearance of chevron screenshot buttons

frontend/src/components/Details/Info/MediaCarousel.vue

@@ -70,11 +70,7 @@ const carouselHeight = computed(() => {
     :height="carouselHeight"
   >
     <template #prev="{ props: prevProps }">
-      <v-btn
-        icon="mdi-chevron-left"
-        class="translucent"
-        @click="prevProps.onClick"
-      />
+      <v-btn icon="mdi-chevron-left" @click="prevProps.onClick" />
     </template>
     <v-carousel-item
       v-if="youtubeVideoId"
@@ -87,7 +83,15 @@ const carouselHeight = computed(() => {
         :src="`${heartbeat.FRONTEND.YOUTUBE_BASE_URL}/embed/${youtubeVideoId}`"
         title="YouTube video player"
         frameborder="0"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        allow="
+          accelerometer;
+          autoplay;
+          clipboard-write;
+          encrypted-media;
+          gyroscope;
+          picture-in-picture;
+          web-share;
+        "
         referrerpolicy="strict-origin-when-cross-origin"
         allowfullscreen
       />
@@ -120,11 +124,7 @@ const carouselHeight = computed(() => {
       />
     </template>
     <template #next="{ props: nextProps }">
-      <v-btn
-        icon="mdi-chevron-right"
-        class="translucent"
-        @click="nextProps.onClick"
-      />
+      <v-btn icon="mdi-chevron-right" @click="nextProps.onClick" />
     </template>
   </v-carousel>
 </template>