Update UI components and enhance controller navigation for improved user experience

- Updated styles in various components to change color themes from cyan to yellow for better visual consistency.
- Enhanced focus management in controller navigation to improve accessibility and user interaction.
- Added new data attributes for controller navigation in multiple views to streamline user interactions with app containers.
- Improved audio handling by removing unused functions in useLoginSounds.ts, optimizing the codebase.

neode-ui/src/composables/useControllerNav.ts

@@ -10,6 +10,7 @@ import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useControllerStore } from '@/stores/controller'
 import { useSpotlightStore } from '@/stores/spotlight'
+import { useAppLauncherStore } from '@/stores/appLauncher'
 import { playNavSound } from '@/composables/useNavSounds'
 
 const FOCUSABLE_SELECTOR = [
@@ -153,6 +154,12 @@ export function useControllerNav(containerRef?: { value: HTMLElement | null }) {
 
     // --- ESCAPE ---
     if (e.key === 'Escape') {
+      if (useAppLauncherStore().isOpen) {
+        useAppLauncherStore().close()
+        e.preventDefault()
+        e.stopPropagation()
+        return
+      }
       if (useSpotlightStore().isOpen) {
         useSpotlightStore().close()
         e.preventDefault()