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(() => {

neode-ui/src/composables/useLoginSounds.ts

@@ -96,6 +96,13 @@ export function stopSynthwave() {
   }
 }
 
+/** Pop sound - plays when intro initiator (tap to start) is pressed */
+export function playPop() {
+  const audio = new Audio('/assets/audio/pop.mp3')
+  audio.volume = 0.6
+  audio.play().catch(() => {})
+}
+
 /** Whoosh transition on successful login */
 export function playLoginSuccessWhoosh() {
   const woosh = new Audio('/assets/audio/woosh.mp3')