fix: wrap spell feed components in container div for proper rendering

Added container divs around SpellHeader + EventFeed in all three viewers.
React fragments (<></>) don't create DOM nodes, which was causing layout
issues where the EventFeed wasn't rendering properly in the flow.

By wrapping SpellHeader and EventFeed in a simple <div>, they now render
as a proper sibling block within the TabsContent, allowing the feed to
display correctly in the single-scroll layout.

Changes:
- EventDetailViewer.tsx: Wrap SpellHeader + EventFeed in div
- ProfileViewer.tsx: Wrap SpellHeader + EventFeed in div
- RelayViewer.tsx: Wrap SpellHeader + EventFeed in div

src/components/EventDetailViewer.tsx

@@ -189,7 +189,7 @@ function SpellTabContent({
           needsAccount={false}
         />
       ) : (
-        <>
+        <div>
           <SpellHeader
             loading={loading}
             overallState={overallState}
@@ -209,7 +209,7 @@ function SpellTabContent({
             stream={true}
             enableFreeze={true}
           />
-        </>
+        </div>
       )}
     </TabsContent>
   );

src/components/ProfileViewer.tsx

@@ -276,7 +276,7 @@ function SpellTabContent({
           needsAccount={false}
         />
       ) : (
-        <>
+        <div>
           <SpellHeader
             loading={loading}
             overallState={overallState}
@@ -296,7 +296,7 @@ function SpellTabContent({
             stream={true}
             enableFreeze={true}
           />
-        </>
+        </div>
       )}
     </TabsContent>
   );

src/components/RelayViewer.tsx

@@ -152,7 +152,7 @@ function SpellTabContent({
           needsAccount={false}
         />
       ) : (
-        <>
+        <div>
           <SpellHeader
             loading={loading}
             overallState={overallState}
@@ -172,7 +172,7 @@ function SpellTabContent({
             stream={true}
             enableFreeze={true}
           />
-        </>
+        </div>
       )}
     </TabsContent>
   );