fix: remove unnecessary wrapper div that was hiding event content

Removed an extra wrapper div around DetailKindRenderer in EventDetailViewer
that was preventing content from rendering properly. DetailKindRenderer
components handle their own padding and layout, so the wrapper was
unnecessary and potentially interfering with rendering.

The single scroll container now properly contains:
- DetailKindRenderer (renders event content directly)
- Spell tabs section (with sticky headers)

Both sections flow naturally in the single scrollable area.

src/components/EventDetailViewer.tsx

@@ -375,11 +375,9 @@ export function EventDetailViewer({ pointer }: EventDetailViewerProps) {
       {/* Main Content - Single Scroll Container */}
       <div className="flex-1 overflow-y-auto">
         {/* Rendered Event Content */}
-        <div>
-          <EventErrorBoundary event={event}>
-            <DetailKindRenderer event={event} />
-          </EventErrorBoundary>
-        </div>
+        <EventErrorBoundary event={event}>
+          <DetailKindRenderer event={event} />
+        </EventErrorBoundary>
 
         {/* Spell Tabs Section */}
         <div className="border-t border-border">