fix: use watcher for focus trap activation to avoid UI blocking

- Watch isAuthPanelOpen instead of manual activation
- Simplify openAuthPanel function
- Fix causes blocking after login/logout

Author: glaboryp

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, nextTick } from 'vue'
+import { computed, onMounted, ref, nextTick, watch } from 'vue'
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
 
 import ApplicationForm from './components/ApplicationForm.vue'
@@ -40,6 +40,19 @@ const { activate: activateAuthTrap, deactivate: deactivateAuthTrap } = useFocusT
   allowOutsideClick: false,
 })
 
+watch(isAuthPanelOpen, async (isOpen) => {
+  if (isOpen) {
+    await nextTick()
+    try {
+      activateAuthTrap()
+    } catch (e) {
+      console.warn('Auth focus trap skipped:', e)
+    }
+  } else {
+    deactivateAuthTrap()
+  }
+})
+
 const statusRank = new Map(APPLICATION_STATUSES.map((status, index) => [status, index]))
 
 const editingApplication = computed(() => {
@@ -129,18 +142,10 @@ function clearAlerts(): void {
 
 function openAuthPanel(): void {
   isAuthPanelOpen.value = true
-  nextTick(() => {
-    try {
-      activateAuthTrap()
-    } catch (e) {
-      console.warn('Auth focus trap skipped:', e)
-    }
-  })
 }
 
 function closeAuthPanel(): void {
   isAuthPanelOpen.value = false
-  deactivateAuthTrap()
 }
 
 function openCreateForm(): void {