Refactor app navigation and enhance background handling in various views

- Added error handling for router navigation to prevent unhandled promise rejections.
- Improved background image management in Dashboard.vue to dynamically set images based on route.
- Introduced timers for managing loading states and cleanup on component unmount in Apps.vue, Marketplace.vue, and other views.
- Updated app detail navigation to ensure smoother transitions and error handling.
- Enhanced clipboard copy functionality in Settings.vue with improved user feedback.

neode-ui/src/views/Login.vue

@@ -130,7 +130,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, onBeforeUnmount } from 'vue'
 import { useRouter } from 'vue-router'
 import AnimatedLogo from '@/components/AnimatedLogo.vue'
 import { useAppStore } from '../stores/app'
@@ -154,21 +154,32 @@ const isSetupMode = computed(() => {
   return import.meta.env.VITE_DEV_MODE === 'setup'
 })
 
+let unlockHandler: (() => void) | null = null
+
+function removeUnlockListeners() {
+  if (unlockHandler) {
+    document.removeEventListener('click', unlockHandler)
+    document.removeEventListener('touchstart', unlockHandler)
+    document.removeEventListener('keydown', unlockHandler)
+    unlockHandler = null
+  }
+}
+
+onBeforeUnmount(removeUnlockListeners)
+
 onMounted(async () => {
   const fromSplash = sessionStorage.getItem('archipelago_from_splash') === '1'
   if (fromSplash) sessionStorage.removeItem('archipelago_from_splash')
-  const unlock = () => {
+  unlockHandler = () => {
     if (!fromSplash) {
       resumeAudioContext()
       startSynthwave()
     }
-    document.removeEventListener('click', unlock)
-    document.removeEventListener('touchstart', unlock)
-    document.removeEventListener('keydown', unlock)
+    removeUnlockListeners()
   }
-  document.addEventListener('click', unlock, { once: true })
-  document.addEventListener('touchstart', unlock, { once: true })
-  document.addEventListener('keydown', unlock, { once: true })
+  document.addEventListener('click', unlockHandler, { once: true })
+  document.addEventListener('touchstart', unlockHandler, { once: true })
+  document.addEventListener('keydown', unlockHandler, { once: true })
   if (isSetupMode.value) {
     try {
       const result = await rpcClient.call<boolean>({ method: 'auth.isSetup', params: {}, timeout: 8000 })