Fix Vue i18n warnings and component root node issues

- Set useScope: 'global' in UI store to prevent i18n scope conflicts
- Add wrapper div to vault page to ensure single root node for transitions
- Fixes 'Duplicate useI18n calling by local scope' warning
- Fixes 'Component inside <Transition> renders non-element root node' warning

src/pages/vault/[vaultId]/index.vue

@@ -1,7 +1,9 @@
 <template>
-  <UDashboardPanel resizable>
-    <HaexDesktop />
-  </UDashboardPanel>
+  <div>
+    <UDashboardPanel resizable>
+      <HaexDesktop />
+    </UDashboardPanel>
+  </div>
 </template>
 
 <script setup lang="ts">

src/stores/ui/index.ts

@@ -10,7 +10,9 @@ export const useUiStore = defineStore('uiStore', () => {
   const isSmallScreen = breakpoints.smaller('sm')
 
   const { $i18n } = useNuxtApp()
-  const { locale } = useI18n()
+  const { locale } = useI18n({
+    useScope: 'global',
+  })
   const { platform } = useDeviceStore()
 
   $i18n.setLocaleMessage('de', {