chore: improve ui consistency

packages/hoppscotch-app/src/components/collections/graphql/Add.vue

@@ -32,6 +32,7 @@
         <ButtonSecondary
           :label="`${t('action.cancel')}`"
           outline
+          filled
           @click="hideModal"
         />
       </span>

packages/hoppscotch-app/src/components/environments/my/Details.vue

@@ -104,9 +104,15 @@
       <span class="flex space-x-2">
         <ButtonPrimary
           :label="`${t('action.save')}`"
+          outline
           @click="saveEnvironment"
         />
-        <ButtonSecondary :label="`${t('action.cancel')}`" @click="hideModal" />
+        <ButtonSecondary
+          :label="`${t('action.cancel')}`"
+          outline
+          filled
+          @click="hideModal"
+        />
       </span>
     </template>
   </SmartModal>

packages/hoppscotch-app/src/components/environments/teams/Details.vue

@@ -117,9 +117,15 @@
         <ButtonPrimary
           :label="`${t('action.save')}`"
           :loading="isLoading"
+          outline
           @click="saveEnvironment"
         />
-        <ButtonSecondary :label="`${t('action.cancel')}`" @click="hideModal" />
+        <ButtonSecondary
+          :label="`${t('action.cancel')}`"
+          outline
+          filled
+          @click="hideModal"
+        />
       </span>
     </template>
   </SmartModal>

packages/hoppscotch-app/src/pages/enter.vue

@@ -1,14 +1,7 @@
 <template>
   <div class="flex flex-col items-center justify-center min-h-screen">
-    <div v-if="signingInWithEmail">
-      <SmartSpinner />
-      <div class="mt-2 text-sm text-secondaryLight">
-        {{ t("state.loading") }}
-      </div>
-    </div>
-    <div v-else>
-      <AppLogo class="w-16 h-16 rounded" />
-    </div>
+    <SmartSpinner v-if="signingInWithEmail" />
+    <AppLogo v-else class="w-16 h-16 rounded" />
     <pre v-if="error" class="mt-4 text-secondaryLight">{{ error }}</pre>
   </div>
 </template>