feat: stabilize admin dashboard, refactor group management, implement PWA, and fix routing

app/pages/index.vue

@@ -15,41 +15,57 @@
       <h1 class="text-2xl font-bold mb-6">Dashboard</h1>
       <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
         <NuxtLink
-          to="/canvas"
+          to="/canvases"
           class="p-6 bg-slate-800 border border-slate-700 rounded-lg hover:border-blue-500 transition group"
         >
           <div class="text-3xl mb-2">🗺️</div>
-          <h3 class="font-semibold group-hover:text-blue-400 transition">Canvas</h3>
-          <p class="text-sm text-slate-400">Визуальное управление задачами</p>
+          <h3 class="font-semibold group-hover:text-blue-400 transition">Проекты</h3>
+          <p class="text-sm text-slate-400">{{ homeStats.canvases }} канвасов доступно</p>
         </NuxtLink>
 
         <div class="p-6 bg-slate-800 border border-slate-700 rounded-lg">
           <div class="text-3xl mb-2">✅</div>
           <h3 class="font-semibold">Задачи</h3>
-          <p class="text-sm text-slate-400">{{ completedTasks }} / {{ totalTasks }} выполнено</p>
+          <p class="text-sm text-slate-400">{{ homeStats.tasks.completed }} / {{ homeStats.tasks.total }} выполнено</p>
         </div>
 
         <div class="p-6 bg-slate-800 border border-slate-700 rounded-lg">
           <div class="text-3xl mb-2">🏆</div>
           <h3 class="font-semibold">Ачивки</h3>
-          <p class="text-sm text-slate-400">{{ achievements }} разблокировано</p>
+          <p class="text-sm text-slate-400">{{ homeStats.achievements }} разблокировано</p>
         </div>
       </div>
     </div>
+    <ClientOnly>
+      <InstallPWA />
+    </ClientOnly>
   </div>
 </template>
 
 <script setup>
-const { isAuthenticated } = useAuth()
-const { stats: achievementStats, loadAchievements } = useAchievements()
+const { isAuthenticated, token } = useAuth()
+const homeStats = ref({
+  canvases: 0,
+  tasks: { total: 0, completed: 0 },
+  achievements: 0
+})
+const loadingStats = ref(true)
 
-const completedTasks = computed(() => achievementStats.value.completedTasks)
-const totalTasks = computed(() => 3) // mock total from canvas
-const achievements = computed(() => achievementStats.value.total)
+const fetchHomeStats = async () => {
+  if (!isAuthenticated.value) return
+  try {
+    const data = await $fetch('/api/user/stats', {
+      headers: { Authorization: `Bearer ${token.value}` }
+    })
+    homeStats.value = data.stats
+  } catch (e) {
+    console.error('Failed to load home stats', e)
+  } finally {
+    loadingStats.value = false
+  }
+}
 
 onMounted(() => {
-  if (isAuthenticated.value) {
-    loadAchievements()
-  }
+  fetchHomeStats()
 })
 </script>