refactor: consolidated admin dashboard improvements (#3790)

Co-authored-by: jamesgeorge007 <jamesgeorge998001@gmail.com>

packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue

@@ -3,7 +3,7 @@
     v-if="show"
     dialog
     :title="t('users.invite_user')"
-    @close="$emit('hide-modal')"
+    @close="emit('hide-modal')"
   >
     <template #body>
       <HoppSmartInput
@@ -16,7 +16,6 @@
       <span class="flex space-x-2">
         <HoppButtonPrimary
           :label="t('users.send_invite')"
-          :loading="loadingState"
           @click="sendInvite"
         />
         <HoppButtonSecondary label="Cancel" outline filled @click="hideModal" />
@@ -27,21 +26,18 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useToast } from '~/composables/toast';
 import { useI18n } from '~/composables/i18n';
+import { useToast } from '~/composables/toast';
 
 const t = useI18n();
-
 const toast = useToast();
 
 withDefaults(
   defineProps<{
     show: boolean;
-    loadingState: boolean;
   }>(),
   {
     show: false,
-    loadingState: false,
   }
 );
 
@@ -54,7 +50,7 @@ const email = ref('');
 
 const sendInvite = () => {
   if (email.value.trim() === '') {
-    toast.error(`${t('users.valid_email')}`);
+    toast.error(t('users.valid_email'));
     return;
   }
   emit('send-invite', email.value);