fix: перенёс уровни в бд и пофиксид их отображение на фронте

frontend/src/views/student/DashboardView.vue

@@ -33,8 +33,25 @@ const recommended = computed(() =>
 )
 const achievements = computed(() => userStore.achievements.filter(a => a.unlocked).slice(0, 3))
 const reminders = computed(() => userStore.notifications.slice(0, 3))
-const xpToNext = 200
-const xpProgress = computed(() => user.value.xp ?? 120)
+const currentLevelXp = computed(() => user.value.currentLevelXp ?? 0)
+const nextLevelXp = computed(() => user.value.nextLevelXp)
+const userXp = computed(() => user.value.xp ?? 0)
+const hasLevelProgress = computed(() => nextLevelXp.value !== undefined)
+const hasNextLevel = computed(() => typeof nextLevelXp.value === 'number' && nextLevelXp.value > currentLevelXp.value)
+const levelProgressMax = computed(() => hasNextLevel.value ? nextLevelXp.value! - currentLevelXp.value : 1)
+const levelProgress = computed(() => {
+  if (!hasLevelProgress.value) return 0
+  if (!hasNextLevel.value) return 1
+  return Math.min(Math.max(userXp.value - currentLevelXp.value, 0), levelProgressMax.value)
+})
+const levelProgressLabel = computed(() =>
+  !hasLevelProgress.value
+    ? `Уровень ${user.value.level}`
+    : hasNextLevel.value ? `Прогресс до уровня ${user.value.level + 1}` : 'Максимальный уровень'
+)
+const levelProgressText = computed(() =>
+  hasNextLevel.value ? `${levelProgress.value} / ${levelProgressMax.value} XP` : `${userXp.value} XP`
+)
 
 onMounted(async () => {
   await Promise.all([
@@ -99,10 +116,10 @@ onMounted(async () => {
     <GlassCard>
       <div class="xp-section">
         <div class="xp-header">
-          <span class="xp-label">Прогресс до уровня {{ user.level + 1 }}</span>
-          <span class="xp-val">{{ xpProgress }} / {{ xpToNext }} XP</span>
+          <span class="xp-label">{{ levelProgressLabel }}</span>
+          <span class="xp-val">{{ levelProgressText }}</span>
         </div>
-        <ProgressBar :value="xpProgress" :max="xpToNext" />
+        <ProgressBar :value="levelProgress" :max="levelProgressMax" :text="levelProgressText" />
       </div>
     </GlassCard>