refactor: lint + minor ui fixes

packages/hoppscotch-app/components/tab/Primary.vue

@@ -3,16 +3,7 @@
     :to="`${/^\/(?!\/).*$/.test(to) ? localePath(to) : to}`"
     :exact="exact"
     :blank="blank"
-    class="
-      focus:outline-none
-      inline-flex
-      items-center
-      px-4
-      py-2
-      truncate
-      transition
-      rounded
-    "
+    class="focus:outline-none inline-flex items-center px-4 py-2 truncate transition rounded"
     :class="[
       color
         ? `text-${color}-500 hover:text-${color}-600 focus-visible:text-${color}-600`

packages/hoppscotch-app/components/tab/Secondary.vue

@@ -3,19 +3,7 @@
     :to="`${/^\/(?!\/).*$/.test(to) ? localePath(to) : to}`"
     :exact="exact"
     :blank="blank"
-    class="
-      hover:translate-x-2
-      focus:outline-none
-      focus-visible:translate-x-2
-      inline-flex
-      items-center
-      flex-1
-      py-2
-      font-semibold
-      truncate
-      transition
-      transform
-    "
+    class="hover:translate-x-2 focus:outline-none focus-visible:translate-x-2 inline-flex items-center flex-1 py-2 font-semibold truncate transition transform"
     :class="[
       label ? 'px-3' : 'px-2',
       active