feat(sh-admin): introducing infra-tokens to admin dashboard (#4202)

Co-authored-by: nivedin <nivedinp@gmail.com>

packages/hoppscotch-sh-admin/src/components/tokens/Overview.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="px-4 py-6 space-y-4 flex flex-col items-start">
+    <div class="space-y-1">
+      <h4 class="font-bold text-secondaryDark heading mt-2">
+        {{ t('infra_tokens.section_title') }}
+      </h4>
+
+      <p class="text-secondaryLight">
+        {{ t('infra_tokens.section_description') }}
+      </p>
+    </div>
+
+    <HoppButtonSecondary
+      filled
+      outline
+      :label="t('infra_tokens.generate_new_token')"
+      @click="emit('show-infra-tokens-generate-modal')"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from '~/composables/i18n';
+
+const t = useI18n();
+
+const emit = defineEmits<{
+  (e: 'show-infra-tokens-generate-modal'): void;
+}>();
+</script>