Remove upperCase on various places

src/renderer/components/ChannelDetails/ChannelDetails.vue

@@ -88,7 +88,7 @@
             @keydown.left.right="focusTab('home', $event)"
             @keydown.enter.space.prevent="changeTab('home')"
           >
-            {{ $t("Channel.Home.Home").toUpperCase() }}
+            {{ $t("Channel.Home.Home") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -104,7 +104,7 @@
             @keydown.left.right="focusTab('videos', $event)"
             @keydown.enter.space.prevent="changeTab('videos')"
           >
-            {{ $t("Channel.Videos.Videos").toUpperCase() }}
+            {{ $t("Channel.Videos.Videos") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -120,7 +120,7 @@
             @keydown.left.right="focusTab('shorts', $event)"
             @keydown.enter.space.prevent="changeTab('shorts')"
           >
-            {{ $t("Global.Shorts").toUpperCase() }}
+            {{ $t("Global.Shorts") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -136,7 +136,7 @@
             @keydown.left.right="focusTab('live', $event)"
             @keydown.enter.space.prevent="changeTab('live')"
           >
-            {{ $t("Channel.Live.Live").toUpperCase() }}
+            {{ $t("Channel.Live.Live") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -152,7 +152,7 @@
             @keydown.left.right="focusTab('releases', $event)"
             @keydown.enter.space.prevent="changeTab('releases')"
           >
-            {{ $t("Channel.Releases.Releases").toUpperCase() }}
+            {{ $t("Channel.Releases.Releases") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -168,7 +168,7 @@
             @keydown.left.right="focusTab('podcasts', $event)"
             @keydown.enter.space.prevent="changeTab('podcasts')"
           >
-            {{ $t("Channel.Podcasts.Podcasts").toUpperCase() }}
+            {{ $t("Channel.Podcasts.Podcasts") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -184,7 +184,7 @@
             @keydown.left.right="focusTab('courses', $event)"
             @keydown.enter.space.prevent="changeTab('courses')"
           >
-            {{ $t("Channel.Courses.Courses").toUpperCase() }}
+            {{ $t("Channel.Courses.Courses") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -200,7 +200,7 @@
             @keydown.left.right="focusTab('playlists', $event)"
             @keydown.enter.space.prevent="changeTab('playlists')"
           >
-            {{ $t("Channel.Playlists.Playlists").toUpperCase() }}
+            {{ $t("Channel.Playlists.Playlists") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -216,7 +216,7 @@
             @keydown.left.right="focusTab('community', $event)"
             @keydown.enter.space.prevent="changeTab('community')"
           >
-            {{ $t("Global.Posts").toUpperCase() }}
+            {{ $t("Global.Posts") }}
           </div>
           <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
           <div
@@ -231,7 +231,7 @@
             @keydown.left.right="focusTab('about', $event)"
             @keydown.enter.space.prevent="changeTab('about')"
           >
-            {{ $t("Channel.About.About").toUpperCase() }}
+            {{ $t("Channel.About.About") }}
           </div>
         </div>
 

src/renderer/components/FtSubscribeButton/FtSubscribeButton.vue

@@ -182,7 +182,7 @@ const hideChannelSubscriptions = computed(() => {
 })
 
 const subscribedText = computed(() => {
-  let subscribedValue = (isProfileSubscribed(activeProfile.value) ? t('Channel.Unsubscribe') : t('Channel.Subscribe')).toUpperCase()
+  let subscribedValue = (isProfileSubscribed(activeProfile.value) ? t('Channel.Unsubscribe') : t('Channel.Subscribe'))
   if (props.subscriptionCountText !== '' && !hideChannelSubscriptions.value) {
     subscribedValue += ' ' + props.subscriptionCountText
   }

src/renderer/components/watch-video-info/watch-video-info.js

@@ -176,15 +176,15 @@ export default defineComponent({
     formatTypeOptions: function () {
       return [
         {
-          label: this.$t('Change Format.Use Dash Formats').toUpperCase(),
+          label: this.$t('Change Format.Use Dash Formats'),
           value: 'dash'
         },
         {
-          label: this.$t('Change Format.Use Legacy Formats').toUpperCase(),
+          label: this.$t('Change Format.Use Legacy Formats'),
           value: 'legacy'
         },
         {
-          label: this.$t('Change Format.Use Audio Formats').toUpperCase(),
+          label: this.$t('Change Format.Use Audio Formats'),
           value: 'audio'
         }
       ]

src/renderer/scss-partials/_ft-list-item.scss

@@ -391,10 +391,13 @@ $watched-transition-duration: 0.5s;
 .videoWatched,
 .live,
 .upcoming {
-  text-transform: uppercase;
   user-select: none;
 }
 
+.live {
+  text-transform: uppercase;
+}
+
 // we use h3 for semantic reasons but don't want to keep the h3 style
 .h3Title {
   margin-block-start: inherit;

src/renderer/views/Subscriptions/Subscriptions.css

@@ -28,7 +28,6 @@
   font-size: 1.1em;
   cursor: pointer;
   align-self: flex-end;
-  text-transform: uppercase;
 }
 
 .tab:hover {

src/renderer/views/Trending/Trending.vue

@@ -35,7 +35,7 @@
             class="trendingIcon"
             fixed-width
           />
-          {{ $t("Trending.Default").toUpperCase() }}
+          {{ $t("Trending.Default") }}
         </div>
         <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
         <div
@@ -56,7 +56,7 @@
             class="trendingIcon"
             fixed-width
           />
-          {{ $t("Trending.Music").toUpperCase() }}
+          {{ $t("Trending.Music") }}
         </div>
         <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
         <div
@@ -77,7 +77,7 @@
             class="trendingIcon"
             fixed-width
           />
-          {{ $t("Trending.Gaming").toUpperCase() }}
+          {{ $t("Trending.Gaming") }}
         </div>
         <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
         <div
@@ -98,7 +98,7 @@
             class="trendingIcon"
             fixed-width
           />
-          {{ $t("Trending.Movies").toUpperCase() }}
+          {{ $t("Trending.Movies") }}
         </div>
       </FtFlexBox>
       <div