refactor(ui): better spacing and font-weight

packages/hoppscotch-app/components/smart/Item.vue

@@ -6,7 +6,6 @@
     class="
       rounded
       transition
-      font-medium
       flex-shrink-0
       py-2
       px-4
@@ -59,10 +58,13 @@
       class="flex-1 inline-flex truncate items-start"
       :class="{ 'flex-col': description }"
     >
-      <div class="truncate">
+      <div class="truncate font-semibold">
         {{ label }}
       </div>
-      <p v-if="description" class="my-2 text-left text-secondaryLight">
+      <p
+        v-if="description"
+        class="my-2 font-medium text-left text-secondaryLight"
+      >
         {{ description }}
       </p>
     </div>

packages/hoppscotch-app/components/smart/Modal.vue

@@ -34,7 +34,7 @@
           <div
             class="
               bg-primary
-              shadow-xl
+              shadow-lg
               text-left
               w-full
               transform

packages/hoppscotch-app/components/smart/Tabs.vue

@@ -18,7 +18,6 @@
               :key="`tab-${index}`"
               class="tab"
               :class="[{ active: tab.active }, { vertical: vertical }]"
-              tabindex="0"
               :aria-label="tab.label"
               @keyup.enter="selectTab(tab)"
               @click="selectTab(tab)"

packages/hoppscotch-app/components/smart/Toggle.vue

@@ -6,7 +6,7 @@
     <label ref="toggle" class="toggle" :class="{ on: on }">
       <span class="handle"></span>
     </label>
-    <label class="cursor-pointer pl-0 align-middle">
+    <label class="cursor-pointer pl-0 align-middle font-semibold">
       <slot></slot>
     </label>
   </div>