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/components/HelpGuideModal.vue

@@ -8,6 +8,7 @@
       >
         <div class="absolute inset-0 bg-black/60 backdrop-blur-sm"></div>
         <div
+          ref="modalRef"
           @click.stop
           class="glass-card p-6 max-w-lg w-full relative z-10 max-h-[80vh] overflow-y-auto"
         >
@@ -45,14 +46,20 @@
 </template>
 
 <script setup lang="ts">
-defineProps<{
+import { ref, computed } from 'vue'
+import { useModalKeyboard } from '@/composables/useModalKeyboard'
+
+const props = defineProps<{
   show: boolean
   title: string
   content: string
   relatedPath?: string
 }>()
 
-defineEmits<{
+const emit = defineEmits<{
   close: []
 }>()
+
+const modalRef = ref<HTMLElement | null>(null)
+useModalKeyboard(modalRef, computed(() => props.show), () => emit('close'))
 </script>