fix(ui): ensure Event Details modal renders above video player

Assigns a specific ID `eventDetailsModal` to the Event Details modal component and applies explicit z-index rules (using `--z-modal-top-*` tokens) in the CSS to ensure it sits above the video player modal (z-index 130) in the stacking order. This resolves the issue where the details modal would open behind the active player.

css/tailwind.source.css

@@ -3633,6 +3633,18 @@
     z-index: var(--z-modal-top-content);
   }
 
+  #modalContainer > #eventDetailsModal {
+    z-index: var(--z-modal-top-root);
+  }
+
+  #modalContainer > #eventDetailsModal > .bv-modal-backdrop {
+    z-index: var(--z-modal-top-overlay);
+  }
+
+  #modalContainer > #eventDetailsModal .bv-modal__panel {
+    z-index: var(--z-modal-top-content);
+  }
+
   .bv-modal[data-nested-modal-active="true"] {
     pointer-events: none;
     visibility: hidden;