fix: починил фильтры

frontend/src/components/ui/LectureCard.vue

@@ -30,14 +30,18 @@ function goDetail() {
   <div class="lecture-card" @click="goDetail">
     <div class="card-header">
       <span class="badge" :class="lecture.format === 'online' ? 'badge-blue' : 'badge-green'">
-        <AppIcon class="badge-icon" :icon="lecture.format === 'online' ? 'world' : 'map-pin'" :size="14" />
+        <AppIcon
+          class="badge-icon"
+          :icon="lecture.format === 'online' ? 'world' : 'map-pin'"
+          :size="14"
+        />
         {{ lecture.format === 'online' ? 'Онлайн' : 'Офлайн' }}
       </span>
       <span
         class="seats"
         :class="{
           'seats-low': lecture.freeSeats <= 3 && lecture.freeSeats > 0,
-          'seats-zero': lecture.freeSeats === 0 || lecture.registrationClosed
+          'seats-zero': lecture.freeSeats === 0 || lecture.registrationClosed,
         }"
       >
         <template v-if="lecture.registrationClosed">Запись закрыта</template>
@@ -90,14 +94,7 @@ function goDetail() {
         <span class="rating-value">{{ lecture.rating }}</span>
         <span class="text-secondary text-sm">({{ lecture.reviewCount }})</span>
       </div>
-      <button
-        v-if="registered"
-        class="btn-registered"
-        disabled
-        @click.stop
-      >
-        ✓ Записан
-      </button>
+      <button v-if="registered" class="btn-registered" disabled @click.stop>✓ Записан</button>
       <button
         v-else-if="lecture.freeSeats > 0 && !lecture.registrationClosed"
         class="btn-primary btn-sm"
@@ -125,12 +122,16 @@ function goDetail() {
   flex-direction: column;
   gap: 10px;
   cursor: pointer;
-  transition: transform 0.2s, box-shadow 0.2s;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
   min-width: 0;
 }
 .lecture-card:hover {
   transform: translateY(-3px);
-  box-shadow: 0 12px 40px var(--color-black-a12), 0 0 0 1px var(--color-primary-a20);
+  box-shadow:
+    0 12px 40px var(--color-black-a12),
+    0 0 0 1px var(--color-primary-a20);
 }
 .card-header {
   display: flex;
@@ -138,15 +139,25 @@ function goDetail() {
   justify-content: space-between;
   gap: 8px;
 }
-.badge { display: inline-flex; align-items: center; gap: 4px; }
-.badge-icon { color: currentColor; }
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.badge-icon {
+  color: currentColor;
+}
 .seats {
   font-size: 12px;
   font-weight: 600;
   color: var(--color-primary-dark);
 }
-.seats-low { color: var(--color-orange-deep); }
-.seats-zero { color: var(--color-error-dark); }
+.seats-low {
+  color: var(--color-orange-deep);
+}
+.seats-zero {
+  color: var(--color-error-dark);
+}
 .card-title {
   font-size: 15px;
   font-weight: 700;
@@ -164,7 +175,9 @@ function goDetail() {
   font-size: 13px;
   color: var(--color-text-secondary);
 }
-.teacher-icon { color: var(--color-text-secondary); }
+.teacher-icon {
+  color: var(--color-text-secondary);
+}
 .card-meta {
   display: flex;
   flex-wrap: wrap;
@@ -172,12 +185,28 @@ function goDetail() {
   font-size: 12px;
   color: var(--color-text-secondary);
 }
-.meta-item { display: inline-flex; align-items: center; gap: 4px; }
-.meta-icon { color: var(--color-text-secondary); }
+.meta-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.meta-icon {
+  color: var(--color-text-secondary);
+}
 .card-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
+  min-width: 0;
+  max-width: 100%;
+}
+.card-tags .tag-chip {
+  max-width: 100%;
+  min-width: 0;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  line-height: 1.25;
 }
 .card-footer {
   display: flex;