ui: stop audit-log columns clipping + widen ge-enforce report modal

AuditLogs: the scoped table-layout:fixed + width:100% forced the table to fit
the settings pane, so cells ellipsis-clipped (Timestamp/User/IP fell off) rather
than scrolling. Drop it so columns size to content and the container scrolls
horizontally (global .table-container is overflow-x:auto). Only the free-form
Name/ID cell stays bounded (320px + title tooltip) so one long value cannot blow
the table width out.

EnforcementReports: the per-entry detail modal capped at 640px, too narrow for
the 5-column table. Widen to min(1000px, 92vw) and let the Message column wrap
instead of forcing horizontal scroll inside the modal.

plugins/geenforce/frontend/views/EnforcementReports.vue

@@ -147,7 +147,12 @@ load()
 .muted { color: var(--text-light); }
 .fail-count { color: var(--danger); font-weight: 600; }
 .empty { color: var(--text-light); text-align: center; padding: 1rem; }
-.modal-report { max-width: 640px; }
+/* Wide enough for the 5-column per-entry table (Message is the long one).
+   Caps at 92vw so it still fits a small screen. */
+.modal-report { max-width: min(1000px, 92vw); }
+/* Message wraps instead of forcing horizontal scroll inside the modal; the
+   other cells stay on one line (global .table-container is white-space:nowrap). */
+.modal-report td:last-child { white-space: normal; min-width: 22ch; }
 .modal-close {
   background: transparent;
   border: none;