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

frontend/src/views/auth/LoginView.vue

@@ -2,6 +2,7 @@
 import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
+import AppIcon from '@/components/ui/AppIcon.vue'
 
 const auth = useAuthStore()
 const route = useRoute()
@@ -23,7 +24,9 @@ async function login() {
   <div class="login-bg">
     <div class="login-card">
       <div class="login-header">
-        <div class="logo-mark">🌍</div>
+        <div class="logo-mark">
+          <AppIcon icon="world" :size="52" />
+        </div>
         <h1 class="brand">UniVerse</h1>
         <p class="brand-sub">«Откройте для себя вселенную знаний»</p>
       </div>
@@ -40,7 +43,10 @@ async function login() {
           </span>
           {{ loading ? 'Вход...' : 'Войти через ЮФУ (Microsoft Entra ID)' }}
         </button>
-        <div class="error" v-if="error">⚠️ {{ error }}</div>
+        <div class="error" v-if="error">
+          <AppIcon class="error-icon" icon="alert-triangle" :size="16" />
+          {{ error }}
+        </div>
       </div>
 
       <div class="login-footer">
@@ -73,7 +79,7 @@ async function login() {
   gap: 20px;
 }
 .login-header { text-align: center; }
-.logo-mark { font-size: 52px; }
+.logo-mark { display: inline-flex; justify-content: center; color: var(--color-text); }
 .brand {
   font-size: 34px;
   font-weight: 900;
@@ -102,7 +108,11 @@ async function login() {
   border: 1px solid rgba(239,68,68,0.3);
   border-radius: var(--radius-sm);
   padding: 8px 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
+.error-icon { color: var(--color-error); }
 .login-footer {
   text-align: center;
   font-size: 12px;