✨ feat(src/composables/useFeed.ts): добавляет поддержку бесконечной прокрутки для ленты новостей

✨ feat(package.json): добавляет скрипт для генерации спрайта и обновляет зависимости
🔧 refactor(src/composables/useChat.ts): упрощает логику управления чатом, убирает устаревшие функции
🔧 refactor(src/views/chat/ChatRoomView.vue): обновляет логику загрузки сообщений с использованием новых хуков
🔧 refactor(src/views/matches/MatchesView.vue): улучшает обработку совпадений с использованием новых хуков
✨ feat(src/App.vue): добавляет загрузку справочных данных с использованием Vue Query
✨ feat(src/main.ts): интегрирует Vue Query в приложение для управления состоянием запросов
✨ feat(src/views/profile/MyProfileView.vue): добавляет мутацию для удаления профиля с использованием Vue Query
🔧 refactor(src/components/layout/BottomNav.vue): заменяет компонент иконки на более универсальный компонент AppIcon

src/components/layout/SideNav.vue

@@ -20,8 +20,8 @@
           :aria-label="item.label"
           :aria-current="isActive(item.path) ? 'page' : undefined"
         >
-          <span class="sidenav__icon" :aria-hidden="true">
-            <NavIcon :name="item.icon" />
+          <span class="sidenav__icon" aria-hidden="true">
+            <AppIcon :name="item.icon" :size="20" />
           </span>
           <Transition name="fade">
             <span v-if="uiStore.sidebarExpanded" class="sidenav__label">{{ item.label }}</span>
@@ -37,7 +37,7 @@
         @click="toggle"
       >
         <span class="sidenav__icon">
-          <NavIcon :name="uiStore.sidebarExpanded ? 'chevron-left' : 'chevron-right'" />
+          <AppIcon :name="uiStore.sidebarExpanded ? 'chevron-left' : 'chevron-right'" :size="20" />
         </span>
       </button>
     </div>
@@ -49,6 +49,8 @@ import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { useAuth } from '@/composables/useAuth'
 import { useUi } from '@/composables/useUi'
+import AppIcon from '@/components/common/AppIcon.vue'
+import type { IconName } from '@/assets/icons/icon-names'
 
 const route = useRoute()
 const authStore = useAuth()
@@ -58,7 +60,7 @@ interface NavItem {
   name: string
   path: string
   label: string
-  icon: string
+  icon: IconName
   adminOnly?: boolean
 }
 
@@ -87,25 +89,6 @@ function toggle() {
 }
 </script>
 
-<script lang="ts">
-// Inline icon renderer to avoid external icon library dependency
-const NavIcon = {
-  props: { name: String },
-  template: `
-    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-      <path v-if="name==='grid'" d="M3 3h7v7H3zm11 0h7v7h-7zM3 14h7v7H3zm11 0h7v7h-7z"/>
-      <path v-if="name==='heart'" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
-      <path v-if="name==='chat'" d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
-      <path v-if="name==='calendar'" d="M8 2v4M16 2v4M3 10h18M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
-      <path v-if="name==='person'" d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
-      <path v-if="name==='flag'" d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7"/>
-      <path v-if="name==='chevron-right'" d="M9 18l6-6-6-6"/>
-      <path v-if="name==='chevron-left'"  d="M15 18l-6-6 6-6"/>
-    </svg>
-  `,
-}
-</script>
-
 <style scoped lang="scss">
 .sidenav {
   width: var(--sidebar-collapsed);
@@ -189,11 +172,6 @@ const NavIcon = {
     width: 20px;
     height: 20px;
     flex-shrink: 0;
-
-    svg {
-      width: 100%;
-      height: 100%;
-    }
   }
 
   &__label {