refactor: перенёс достижения в профиль

frontend/src/views/student/ProfileView.vue

@@ -41,6 +41,8 @@ const levelProgressLabel = computed(() =>
 const levelProgressText = computed(() =>
   hasNextLevel.value ? `${levelProgress.value} / ${levelProgressMax.value} XP` : `${userXp.value} XP`
 )
+const unlockedAchievements = computed(() => userStore.achievements.filter(a => a.unlocked))
+const lockedAchievements = computed(() => userStore.achievements.filter(a => !a.unlocked))
 const interestTags = ref([
   { label: '#ML', active: true },
   { label: '#ИИ', active: true },
@@ -105,25 +107,52 @@ onMounted(() => {
             Email уведомления
           </label>
         </div>
-        <div class="section-title">Достижения</div>
+      </GlassCard>
+    </div>
+
+    <GlassCard>
+      <div class="section-title">Достижения</div>
+
+      <section class="achievements-section">
+        <h2 class="section-title">Полученные достижения</h2>
         <EmptyState
-          v-if="!userStore.achievements.length"
-          title="Достижений пока нет"
-          subtitle="Они появятся после посещений и отзывов."
+          v-if="!unlockedAchievements.length"
+          title="Полученных достижений пока нет"
+          subtitle="Они появятся после участия в лекциях и отзывах."
         />
-        <div v-else class="achievements">
+        <div v-else class="achievements-list">
           <AchievementBadge
-            v-for="a in userStore.achievements.slice(0, 3)"
+            v-for="a in unlockedAchievements"
             :key="a.id"
             :icon="a.icon"
             :title="a.title"
             :description="a.description"
             :unlocked="a.unlocked"
             :unlockedAt="a.unlockedAt"
+            :coins="a.coins"
           />
         </div>
-      </GlassCard>
-    </div>
+      </section>
+
+      <section class="achievements-section">
+        <h2 class="section-title">Заблокированные</h2>
+        <EmptyState
+          v-if="!lockedAchievements.length"
+          title="Нет заблокированных достижений"
+          subtitle="Backend пока не вернул список будущих достижений."
+        />
+        <div v-else class="achievements-list">
+          <AchievementBadge
+            v-for="a in lockedAchievements"
+            :key="a.id"
+            :icon="a.icon"
+            :title="a.title"
+            :description="a.description"
+            :unlocked="a.unlocked"
+          />
+        </div>
+      </section>
+    </GlassCard>
   </div>
 </template>
 
@@ -138,7 +167,8 @@ onMounted(() => {
 .level { margin: 16px 0; }
 .level-header { display: flex; justify-content: space-between; font-size: 12px; color: var(--color-text-secondary); margin-bottom: 6px; }
 .tags-grid { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
-.settings { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
+.settings { display: flex; flex-direction: column; gap: 8px; }
 .setting { font-size: 13px; color: var(--color-text-secondary); display: flex; gap: 8px; align-items: center; }
-.achievements { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; }
+.achievements-section { display: flex; flex-direction: column; gap: 12px; margin-top: 18px; }
+.achievements-list { display: flex; flex-direction: column; gap: 12px; }
 </style>