feat: добавил svg иконки

frontend/src/views/student/NotificationsView.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import { useUserStore } from '@/stores/user'
 import GlassCard from '@/components/ui/GlassCard.vue'
+import AppIcon from '@/components/ui/AppIcon.vue'
 
 const userStore = useUserStore()
 
@@ -16,11 +17,11 @@ const grouped = computed(() => {
 })
 
 const typeIcon: Record<string, string> = {
-  reminder: '⏰',
-  'schedule-change': '🗓️',
-  achievement: '🏆',
-  coins: '💰',
-  recommendation: '✨',
+  reminder: 'alarm',
+  'schedule-change': 'calendar-event',
+  achievement: 'trophy',
+  coins: 'coin',
+  recommendation: 'sparkles',
 }
 </script>
 
@@ -36,7 +37,7 @@ const typeIcon: Record<string, string> = {
         <div class="group-title">{{ day }}</div>
         <div class="items">
           <div v-for="n in items" :key="n.id" class="item" :class="{ unread: !n.read }">
-            <div class="icon">{{ typeIcon[n.type] }}</div>
+            <AppIcon class="icon" :icon="typeIcon[n.type]" :size="20" />
             <div>
               <div class="item-title">{{ n.title }}</div>
               <div class="item-body">{{ n.body }}</div>
@@ -56,7 +57,7 @@ const typeIcon: Record<string, string> = {
 .items { display: flex; flex-direction: column; gap: 10px; }
 .item { display: flex; gap: 12px; padding: 10px; border-radius: var(--radius-sm); background: rgba(255,255,255,0.6); border: 1px solid var(--color-border-glass); }
 .item.unread { border-color: rgba(34,197,94,0.4); background: rgba(34,197,94,0.08); }
-.icon { font-size: 20px; }
+.icon { color: var(--color-text); flex-shrink: 0; }
 .item-title { font-weight: 600; }
 .item-body { font-size: 13px; color: var(--color-text-secondary); }
 </style>