Address PR feedbacks (1/2)

public/stylesheets/styles.css

@@ -659,6 +659,14 @@ button:focus {
   background: var(--color-accent);
 }
 
+.o-tab-btn--modern-tabs:last-child {
+  border-bottom-right-radius: var(--var-border-radius, 0.5rem);
+}
+
+.o-tab-btn--modern-tabs:last-child:hover {
+  border-bottom-right-radius: 0;
+}
+
 .o-tab-btn--infinity {
   color: var(--color-infinity);
   background-color: var(--color-prestige--accent);

src/components/ui-modes/modern/ModernSidebar.vue

@@ -11,7 +11,7 @@ export default {
   data() {
     return {
       isHidden: false,
-      tabs: Object
+      tabs: Array
     };
   },
   methods: {
@@ -34,17 +34,10 @@ export default {
       :key="tab.name"
       :tab="tab"
       :tab-position="tabPosition"
-      class="o-tab-btn--moderntab"
     />
   </div>
 </template>
 
 <style scoped>
-.o-tab-btn--moderntab:last-child {
-  border-bottom-right-radius: var(--var-border-radius, 0.5rem);
-}
 
-.o-tab-btn--moderntab:last-child:hover {
-  border-bottom-right-radius: 0;
-}
 </style>

src/components/ui-modes/modern/ModernTabButton.vue

@@ -13,7 +13,7 @@ export default {
   },
   data() {
     return {
-      subtabs: Object,
+      subtabs: Array,
       showSubtabs: false,
       hasNotification: false,
       tabName: ""
@@ -23,6 +23,7 @@ export default {
     classObject() {
       return {
         "o-tab-btn": true,
+        "o-tab-btn--modern-tabs": true,
         "o-tab-btn--subtabs": this.showSubtabs,
         "o-tab-btn--active": this.isCurrentTab && player.options.theme !== "S9"
       };