refactor: improve lighthouse score

components/collections/ChooseType.vue

@@ -20,6 +20,7 @@
               class="
                 bg-primaryLight
                 border-b border-dividerLight
+                cursor-pointer
                 flex
                 w-full
                 py-2

components/firebase/Login.vue

@@ -95,7 +95,7 @@
       <p v-if="mode === 'email'" class="text-secondaryLight">
         <SmartAnchor
           class="link"
-          :label="`← ${$t('auth.all_sign_in_options')}`"
+          :label="`← \xA0 ${$t('auth.all_sign_in_options')}`"
           @click.native="mode = 'sign-in'"
         />
       </p>
@@ -105,7 +105,7 @@
       >
         <SmartAnchor
           class="link"
-          :label="`← ${$t('auth.re_enter_email')}`"
+          :label="`← \xA0 ${$t('auth.re_enter_email')}`"
           @click.native="mode = 'email'"
         />
         <SmartAnchor

components/http/PreRequestScript.vue

@@ -63,7 +63,7 @@
         </div>
         <SmartAnchor
           class="link"
-          :label="$t('action.learn_more')"
+          :label="`${$t('preRequest.learn')} \xA0 →`"
           to="https://docs.hoppscotch.io/features/pre-request-script"
           blank
         />

components/http/Tests.vue

@@ -63,7 +63,7 @@
         </div>
         <SmartAnchor
           class="link"
-          :label="$t('action.learn_more')"
+          :label="`${$t('test.learn')} \xA0 →`"
           to="https://docs.hoppscotch.io/features/tests"
           blank
         />

components/smart/Tabs.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col flex-nowrap flex-1">
-    <div class="tabs hide-scrollbar relative" :class="styles">
+    <div class="rounded-t tabs hide-scrollbar relative" :class="styles">
       <div class="flex w-0">
         <div class="inline-flex">
           <button

components/teams/Edit.vue

@@ -52,7 +52,13 @@
                 <template #trigger>
                   <span class="select-wrapper">
                     <input
-                      class="bg-primaryLight flex flex-1 py-2 px-4"
+                      class="
+                        bg-primaryLight
+                        cursor-pointer
+                        flex flex-1
+                        py-2
+                        px-4
+                      "
                       :placeholder="$t('team.permissions')"
                       :name="'value' + index"
                       :value="
@@ -112,7 +118,13 @@
                 <template #trigger>
                   <span class="select-wrapper">
                     <input
-                      class="bg-primaryLight flex flex-1 py-2 px-4"
+                      class="
+                        bg-primaryLight
+                        cursor-pointer
+                        flex flex-1
+                        py-2
+                        px-4
+                      "
                       :placeholder="$t('team.permissions')"
                       :name="'value' + index"
                       :value="