fix(layout): move Layout.Page to conversations layout

Move Layout.Page from the overview page component to the layout
component so it wraps both the header and the outlet. This ensures
Layout.Header is a direct child of Layout.Page, giving it the
correct border-radius and framed appearance.

Author: priscilawebdev

static/app/views/insights/pages/conversations/layout.tsx

@@ -1,19 +1,19 @@
-import {Fragment} from 'react';
 import {Outlet, useMatches} from 'react-router-dom';
 
+import * as Layout from 'sentry/components/layouts/thirds';
 import {ConversationsPageHeader} from 'sentry/views/insights/pages/conversations/conversationsPageHeader';
 import {ModuleName} from 'sentry/views/insights/types';
 
 function ConversationsLayout() {
   const handle = useMatches().at(-1)?.handle as {module?: ModuleName} | undefined;
 
   return (
-    <Fragment>
+    <Layout.Page>
       {handle && 'module' in handle ? (
         <ConversationsPageHeader module={handle.module} />
       ) : null}
       <Outlet />
-    </Fragment>
+    </Layout.Page>
   );
 }
 

static/app/views/insights/pages/conversations/overview.tsx

@@ -201,11 +201,9 @@ function PageWithProviders() {
   });
 
   return (
-    <Layout.Page>
-      <DomainOverviewPageProviders maxPickableDays={datePageFilterProps.maxPickableDays}>
-        <ConversationsOverviewPage datePageFilterProps={datePageFilterProps} />
-      </DomainOverviewPageProviders>
-    </Layout.Page>
+    <DomainOverviewPageProviders maxPickableDays={datePageFilterProps.maxPickableDays}>
+      <ConversationsOverviewPage datePageFilterProps={datePageFilterProps} />
+    </DomainOverviewPageProviders>
   );
 }