Update favicon and enhance UI components for improved user experience

- Replaced PNG favicon with SVG for better scalability and visual quality across devices.
- Updated Vite configuration to include the new SVG favicon and adjusted asset paths.
- Enhanced various UI components with improved focus management and accessibility features.
- Introduced new styles to hide scrollbars while maintaining scroll functionality for a cleaner interface.

neode-ui/src/views/Web5.vue

@@ -108,8 +108,8 @@
 
     <!-- Send Message Modal -->
     <Teleport to="body">
-      <div v-if="showSendMessageModal" class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm" @click.self="showSendMessageModal = false">
-        <div class="glass-card p-6 max-w-md w-full max-h-[90vh] overflow-y-auto">
+      <div v-if="showSendMessageModal" class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm" @click.self="closeSendMessageModal()">
+        <div ref="sendMessageModalRef" class="glass-card p-6 max-w-md w-full max-h-[90vh] overflow-y-auto">
           <h3 class="text-lg font-semibold text-white mb-4">Send Message (over Tor)</h3>
           <p class="text-white/70 text-sm mb-4">Messages are sent over the Tor network to the selected peer.</p>
           <div class="space-y-4">
@@ -144,7 +144,7 @@
               {{ sendingMessage ? 'Sending...' : 'Send' }}
             </button>
             <button
-              @click="showSendMessageModal = false"
+              @click="closeSendMessageModal()"
               class="px-4 py-2 rounded-lg bg-white/10 text-white font-medium hover:bg-white/20 transition-colors"
             >
               Cancel
@@ -630,6 +630,7 @@ import { ref, computed, onMounted, nextTick, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { rpcClient } from '@/api/rpc-client'
 import { useMessageToast } from '@/composables/useMessageToast'
+import { useModalKeyboard } from '@/composables/useModalKeyboard'
 
 const route = useRoute()
 const messageToast = useMessageToast()
@@ -666,6 +667,13 @@ const connectedNodesCount = computed(() => peers.value.length)
 
 // Send Message modal
 const showSendMessageModal = ref(false)
+const sendMessageModalRef = ref<HTMLElement | null>(null)
+const sendMessageRestoreFocusRef = ref<HTMLElement | null>(null)
+function closeSendMessageModal() {
+  sendMessageRestoreFocusRef.value?.focus?.()
+  showSendMessageModal.value = false
+}
+useModalKeyboard(sendMessageModalRef, showSendMessageModal, closeSendMessageModal, { restoreFocusRef: sendMessageRestoreFocusRef })
 const sendMessageTo = ref('')
 const sendMessageText = ref('')
 const sendingMessage = ref(false)