Правка фронта

1. Улучшения мобильной версии
2. Улучшения комментариев фронта
3. Единый лоадер UI

front_vue/src/views/TeamPage.vue

@@ -6,10 +6,7 @@
       <Header title="Команда" subtitle="Наша команда специалистов" />
 
       <main class="main">
-        <div v-if="loading" class="loading">
-          <div class="spinner"></div>
-          <span>Загрузка...</span>
-        </div>
+        <Loader v-if="loading" />
 
         <!-- Desktop: grid -->
         <div v-else-if="!isMobile" class="team-grid">
@@ -92,6 +89,7 @@
 import { ref, onMounted, onUpdated } from 'vue'
 import Sidebar from '../components/Sidebar.vue'
 import Header from '../components/Header.vue'
+import Loader from '../components/ui/Loader.vue'
 import { usersApi, getFullUrl } from '../api'
 import { useMobile } from '../composables/useMobile'
 
@@ -187,28 +185,6 @@ onUpdated(refreshIcons)
   background: rgba(255, 255, 255, 0.25);
 }
 
-.loading {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 16px;
-  padding: 80px;
-  color: var(--text-secondary);
-}
-
-.spinner {
-  width: 40px;
-  height: 40px;
-  border: 3px solid rgba(255, 255, 255, 0.1);
-  border-top-color: var(--accent);
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
 
 .team-grid {
   display: grid;
@@ -341,10 +317,6 @@ onUpdated(refreshIcons)
   overflow: hidden;
 }
 
-.app.mobile .loading {
-  padding: 40px;
-}
-
 /* Mobile swipe cards */
 .mobile-cards {
   width: 100%;