Update UI styles and enhance controller navigation functionality

- Replaced cyan color with yellow in various UI components for a cohesive visual theme.
- Improved focus styles for controller navigation, adding subtle grow and glow effects to sidebar items and containers.
- Enhanced controller navigation logic to support direct focus on app containers in the Marketplace and My Apps sections.
- Introduced wheel scrolling support for better navigation experience within scrollable areas.
- Removed unused audio tone function from useLoginSounds.ts to streamline code.

neode-ui/src/views/Server.vue

@@ -10,7 +10,7 @@
     <div class="glass-card p-6 mb-6">
       <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
         <!-- Service Status -->
-        <div class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
+        <div data-controller-container tabindex="0" class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
           <div class="flex items-center gap-3 min-w-0">
             <div class="relative shrink-0">
               <div class="w-3 h-3 rounded-full" :class="servicesRunning ? 'bg-green-400' : 'bg-red-400'"></div>
@@ -31,7 +31,7 @@
         </div>
 
         <!-- Connectivity Status -->
-        <div class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
+        <div data-controller-container tabindex="0" class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
           <div class="flex items-center gap-3 min-w-0">
             <div class="relative shrink-0">
               <div class="w-3 h-3 rounded-full" :class="connectivityStatus === 'connected' ? 'bg-green-400' : connectivityStatus === 'checking' ? 'bg-yellow-400' : 'bg-red-400'"></div>
@@ -52,7 +52,7 @@
         </div>
 
         <!-- Auto-Sync Toggle -->
-        <div class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
+        <div data-controller-container tabindex="0" class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
           <div class="flex items-center gap-3 min-w-0">
             <svg class="w-5 h-5 text-white/60 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
@@ -75,7 +75,7 @@
         </div>
 
         <!-- Logs & Diagnostics -->
-        <div class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
+        <div data-controller-container tabindex="0" class="flex flex-col gap-3 p-4 bg-white/5 rounded-lg min-w-0">
           <div class="flex items-center gap-3 min-w-0">
             <svg class="w-5 h-5 text-white/60 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
@@ -98,7 +98,7 @@
     <!-- Overview Cards -->
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
       <!-- Local Network Card -->
-      <div class="glass-card p-6 flex flex-col h-full min-h-0">
+      <div data-controller-container tabindex="0" class="glass-card p-6 flex flex-col h-full min-h-0">
         <div class="flex items-start gap-4 mb-4 shrink-0">
           <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-white/10 flex items-center justify-center">
             <svg class="w-6 h-6 text-white/80" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -159,7 +159,7 @@
       </div>
 
       <!-- Web3 Card -->
-      <div class="glass-card p-6 flex flex-col h-full min-h-0">
+      <div data-controller-container tabindex="0" class="glass-card p-6 flex flex-col h-full min-h-0">
         <div class="flex items-start gap-4 mb-4 shrink-0">
           <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-white/10 flex items-center justify-center">
             <svg class="w-6 h-6 text-white/80" fill="none" stroke="currentColor" viewBox="0 0 24 24">