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

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

front_vue/src/views/ArchivePage.vue

@@ -88,10 +88,7 @@
           </div>
           
           <!-- Загрузка -->
-          <div v-if="loading" class="loading-state">
-            <i data-lucide="loader-2" class="spin"></i>
-            <span>Загрузка...</span>
-          </div>
+          <Loader v-if="loading" />
         </div>
       </main>
     </div>
@@ -137,6 +134,7 @@ import TaskPanel from '../components/TaskPanel'
 import ConfirmDialog from '../components/ConfirmDialog.vue'
 import ProjectSelector from '../components/ProjectSelector.vue'
 import MobileSelect from '../components/ui/MobileSelect.vue'
+import Loader from '../components/ui/Loader.vue'
 import { useProjectsStore } from '../stores/projects'
 import { cardsApi } from '../api'
 import { useMobile } from '../composables/useMobile'
@@ -469,30 +467,6 @@ onMounted(async () => {
   font-size: 13px;
 }
 
-/* Загрузка */
-.loading-state {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  padding: 60px 20px;
-  color: var(--text-muted);
-}
-
-.loading-state i {
-  width: 20px;
-  height: 20px;
-}
-
-.spin {
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-
 /* ========== MOBILE ========== */
 .app.mobile {
   flex-direction: column;