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/Marketplace.vue

@@ -218,12 +218,12 @@
       <div
         v-if="showSideloadModal"
         class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm"
-        @click.self="showSideloadModal = false"
+        @click.self="closeSideloadModal()"
       >
-        <div class="glass-card p-8 max-w-2xl w-full relative">
+        <div ref="sideloadModalRef" class="glass-card p-8 max-w-2xl w-full relative">
           <!-- Close Button -->
           <button
-            @click="showSideloadModal = false"
+            @click="closeSideloadModal()"
             class="absolute top-4 right-4 text-white/60 hover:text-white transition-colors"
           >
             <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -289,14 +289,14 @@
       <div
         v-if="showFilterModal"
         class="fixed inset-0 z-50 flex items-end justify-center md:hidden bg-black/60 backdrop-blur-sm"
-        @click.self="showFilterModal = false"
+        @click.self="closeFilterModal()"
       >
-        <div class="glass-card p-6 w-full rounded-t-3xl max-h-[80vh] overflow-y-auto">
+        <div ref="filterModalRef" class="glass-card p-6 w-full rounded-t-3xl max-h-[80vh] overflow-y-auto">
           <!-- Header -->
           <div class="flex items-center justify-between mb-6">
             <h2 class="text-2xl font-bold text-white">Filter by Category</h2>
             <button
-              @click="showFilterModal = false"
+              @click="closeFilterModal()"
               class="text-white/60 hover:text-white transition-colors"
             >
               <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -310,7 +310,7 @@
             <button
               v-for="category in categoriesWithApps"
               :key="category.id"
-              @click="selectedCategory = category.id; showFilterModal = false"
+              @click="selectedCategory = category.id; closeFilterModal()"
               :class="[
                 'p-4 rounded-xl font-medium transition-all text-left',
                 selectedCategory === category.id
@@ -372,6 +372,7 @@ import { useAppStore } from '@/stores/app'
 import { rpcClient } from '@/api/rpc-client'
 import { useMarketplaceApp } from '@/composables/useMarketplaceApp'
 import { useMobileBackButton } from '@/composables/useMobileBackButton'
+import { useModalKeyboard } from '@/composables/useModalKeyboard'
 
 const router = useRouter()
 const store = useAppStore()
@@ -408,6 +409,13 @@ const maxAttempts = ref(60)
 
 // Sideload modal state
 const showSideloadModal = ref(false)
+const sideloadModalRef = ref<HTMLElement | null>(null)
+const sideloadRestoreFocusRef = ref<HTMLElement | null>(null)
+function closeSideloadModal() {
+  sideloadRestoreFocusRef.value?.focus?.()
+  showSideloadModal.value = false
+}
+useModalKeyboard(sideloadModalRef, showSideloadModal, closeSideloadModal, { restoreFocusRef: sideloadRestoreFocusRef })
 const sideloadUrl = ref('')
 const sideloading = ref(false)
 const sideloadError = ref('')
@@ -415,6 +423,13 @@ const sideloadSuccess = ref('')
 
 // Filter modal state (for mobile)
 const showFilterModal = ref(false)
+const filterModalRef = ref<HTMLElement | null>(null)
+const filterRestoreFocusRef = ref<HTMLElement | null>(null)
+function closeFilterModal() {
+  filterRestoreFocusRef.value?.focus?.()
+  showFilterModal.value = false
+}
+useModalKeyboard(filterModalRef, showFilterModal, closeFilterModal, { restoreFocusRef: filterRestoreFocusRef })
 
 // Community marketplace state
 const loadingCommunity = ref(false)