refactor: stop using $event for improved readability in VerifyMFA component and login page

Author: hanzydev

apps/dashboard/app/components/modals/VerifyMFA.vue

@@ -13,8 +13,8 @@
                 enter-active-class="motion-safe:(animate-in fade-in data-[hubmode=true]:slide-in-from-left data-[hubmode=false]:slide-in-from-right animate-duration-250)"
                 leave-active-class="motion-safe:(animate-out fade-out data-[hubmode=true]:slide-out-to-left data-[hubmode=false]:slide-out-to-right animate-duration-250)"
                 :data-hubmode="hubMode"
-                @enter="height = $event.clientHeight"
-                @after-enter="$event.querySelector('input')?.focus()"
+                @enter="({ clientHeight }) => (height = clientHeight)"
+                @after-enter="(event) => event.querySelector('input')?.focus()"
             >
                 <div v-if="hubMode" flex="~ col items-center justify-center gap8" absolute wfull p8>
                     <div flex="~ lt-sm:col items-center gap4">

apps/dashboard/app/pages/(auth)/login.vue

@@ -21,7 +21,7 @@
                     enter-active-class="motion-safe:(animate-in fade-in data-[view=main]:slide-in-from-left data-[view=totp]:slide-in-from-right animate-duration-250)"
                     leave-active-class="motion-safe:(animate-out fade-out data-[view=main]:slide-out-to-left data-[view=totp]:slide-out-to-right animate-duration-250)"
                     @enter="calculateHeight"
-                    @after-enter="$event.querySelector('input')?.focus()"
+                    @after-enter="(event) => event.querySelector('input')?.focus()"
                 >
                     <form
                         v-if="currentView === 'main'"