feat: добавил ограничение записи на лекции

frontend/src/views/student/DashboardView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted } from 'vue'
+import { computed, inject, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
 import { useLecturesStore } from '@/stores/lectures'
@@ -11,12 +11,15 @@ import ProgressBar from '@/components/ui/ProgressBar.vue'
 import AchievementBadge from '@/components/ui/AchievementBadge.vue'
 import EmptyState from '@/components/ui/EmptyState.vue'
 import AppIcon from '@/components/ui/AppIcon.vue'
+import EnrollmentLimitModal from '@/components/ui/EnrollmentLimitModal.vue'
 import { formatUserName } from '@/utils/formatUserName'
 
 const auth = useAuthStore()
 const lectures = useLecturesStore()
 const userStore = useUserStore()
 const router = useRouter()
+const enrollmentLimitModalOpen = ref(false)
+const addToast = inject('addToast') as ((message: string, type?: 'success' | 'error' | 'info') => void) | undefined
 
 const user = computed(() => auth.user!)
 
@@ -60,6 +63,19 @@ onMounted(async () => {
   ])
   await lectures.fetchRegisteredForCurrentUser()
 })
+
+async function registerLecture(id: string) {
+  try {
+    await lectures.register(id)
+    addToast?.('Вы записаны на лекцию.', 'success')
+  } catch (err) {
+    if (err instanceof Error && err.message.includes('Лимит записей достигнут')) {
+      enrollmentLimitModalOpen.value = true
+      return
+    }
+    addToast?.(err instanceof Error ? err.message : 'Не удалось записаться на лекцию.', 'error')
+  }
+}
 </script>
 
 <template>
@@ -128,7 +144,7 @@ onMounted(async () => {
         <h2 class="section-title">
           <span class="title-with-icon">
             <AppIcon class="title-icon" icon="sparkles" :size="18" />
-            Рекомендуемые лекции
+            Ближайшие лекции
           </span>
         </h2>
         <button class="link-btn" @click="router.push('/catalog')">Все лекции →</button>
@@ -140,7 +156,7 @@ onMounted(async () => {
           :key="l.id"
           :lecture="l"
           :registered="lectures.registeredIds.includes(l.id)"
-          @register="lectures.register"
+          @register="registerLecture"
         />
       </div>
     </section>
@@ -182,6 +198,8 @@ onMounted(async () => {
         </div>
       </GlassCard>
     </section>
+
+    <EnrollmentLimitModal v-model="enrollmentLimitModalOpen" />
   </div>
 </template>