Refactor UI components and improve accessibility features

- Updated various UI components to enhance visual consistency and user experience.
- Improved focus management and accessibility features across the application.
- Streamlined controller navigation logic for better user interaction.
- Removed unused functions in useLoginSounds.ts to optimize the codebase.

neode-ui/src/components/SplashScreen.vue

@@ -134,7 +134,7 @@
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
 import ScreensaverLogo from '@/components/ScreensaverLogo.vue'
-import { playIntroTyping, playLoopStart, playWelcomeNoderunnerSpeech, resumeAudioContext, startSynthwave, stopIntroTyping } from '@/composables/useLoginSounds'
+import { playIntroTyping, playLoopStart, playPop, playWelcomeNoderunnerSpeech, resumeAudioContext, startSynthwave, stopIntroTyping } from '@/composables/useLoginSounds'
 
 const emit = defineEmits<{
   complete: []
@@ -242,6 +242,7 @@ const seenIntro = localStorage.getItem('neode_intro_seen') === '1'
 function handleTapToStart() {
   if (!showTapToStart.value || tapStartTransitioning.value) return
   resumeAudioContext()
+  playPop()
   tapStartTransitioning.value = true
   // Logo: grow (150ms) then zoom out to background (850ms). Total 1s.
   setTimeout(() => {