fix: broken tippy focus event

packages/hoppscotch-app/src/components.d.ts

@@ -108,6 +108,7 @@ declare module '@vue/runtime-core' {
     IconLucideSearch: typeof import('~icons/lucide/search')['default']
     IconLucideUser: typeof import('~icons/lucide/user')['default']
     IconLucideUsers: typeof import('~icons/lucide/users')['default']
+    IconLucideVerified: typeof import('~icons/lucide/verified')['default']
     LensesHeadersRenderer: typeof import('./components/lenses/HeadersRenderer.vue')['default']
     LensesHeadersRendererEntry: typeof import('./components/lenses/HeadersRendererEntry.vue')['default']
     LensesRenderersHTMLLensRenderer: typeof import('./components/lenses/renderers/HTMLLensRenderer.vue')['default']

packages/hoppscotch-app/src/components/app/Header.vue

@@ -104,7 +104,7 @@
                   ref="tippyActions"
                   class="flex flex-col focus:outline-none"
                   tabindex="0"
-                  @keyup.enter="profile.$el.click()"
+                  @keyup.p="profile.$el.click()"
                   @keyup.s="settings.$el.click()"
                   @keyup.l="logout.$el.click()"
                   @keyup.escape="hide()"
@@ -126,7 +126,7 @@
                     to="/profile"
                     :icon="IconUser"
                     :label="t('navigation.profile')"
-                    :shortcut="['↩']"
+                    :shortcut="['P']"
                     @click="hide()"
                   />
                   <SmartItem

packages/hoppscotch-app/src/components/teams/Edit.vue

@@ -90,7 +90,7 @@
                   interactive
                   trigger="click"
                   theme="popover"
-                  :on-shown="() => tippyActions.focus()"
+                  :on-shown="() => tippyActions![index].focus()"
                 >
                   <span class="select-wrapper">
                     <input
@@ -216,6 +216,7 @@ import { useGQLQuery } from "~/composables/graphql"
 import { useI18n } from "@composables/i18n"
 import { useToast } from "@composables/toast"
 import { useColorMode } from "@composables/theming"
+import { TippyComponent } from "vue-tippy"
 
 import IconCircleDot from "~icons/lucide/circle-dot"
 import IconCircle from "~icons/lucide/circle"
@@ -233,7 +234,7 @@ const emit = defineEmits<{
 }>()
 
 // Template refs
-const tippyActions = ref<any | null>(null)
+const tippyActions = ref<TippyComponent[] | null>(null)
 
 const props = defineProps<{
   show: boolean