fix: show RDG flap badge on 302 and 303 events in SAC UI (0.20.5)

Seaca surfaced flap via Problems; the web UI only flagged 303 in DB and had
no visible label. Resolve flap pairs at read time and show badge plus qwinsta
on both sides of 302→303.

frontend/src/views/EventDetailView.vue

@@ -7,7 +7,11 @@
   <p v-else-if="loading">Загрузка…</p>
   <template v-else-if="event">
     <h1>{{ event.title }}</h1>
-    <p v-if="event.rdg_flap" class="event-rdg-actions">
+    <p v-if="hasRdgFlapUi(event)" class="event-rdg-flap-banner">
+      <RdgFlapBadge :event="event" :detail-link-query="backToEventsQuery" />
+      <span class="muted">302→303 за несколько секунд — возможна зависшая сессия на ПК пользователя.</span>
+    </p>
+    <p v-if="rdgFlapQwinstaEventId(event)" class="event-rdg-actions">
       <button
         type="button"
         class="secondary"
@@ -89,9 +93,11 @@
 import { computed, onMounted, ref, watch } from "vue";
 import { useRoute } from "vue-router";
 import { apiFetch, type EventDetail } from "../api";
+import RdgFlapBadge from "../components/RdgFlapBadge.vue";
 import RdgQwinstaModal from "../components/RdgQwinstaModal.vue";
 import ReportBodyCard from "../components/ReportBodyCard.vue";
 import { useRdgQwinsta } from "../composables/useRdgQwinsta";
+import { hasRdgFlapUi, rdgFlapQwinstaEventId } from "../utils/rdgFlap";
 import { eventsBackQueryFromDetail } from "../utils/eventsListQuery";
 import { dailyReportTypeLabel, isDailyReportType } from "../utils/reportDisplay";
 
@@ -138,3 +144,13 @@ async function load() {
 onMounted(load);
 watch(() => props.id, load);
 </script>
+
+<style scoped>
+.event-rdg-flap-banner {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem 0.75rem;
+  margin: 0.5rem 0 1rem;
+}
+</style>