ref(layout): use Layout.Page on isolated pages

Wraps non-compliant routes in isolated page areas with Layout.Page.
Part of the Layout.Page audit remediation.

Author: JonasBa

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

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

static/app/views/profiling/differentialFlamegraph.tsx

@@ -6,6 +6,7 @@ import {vec2} from 'gl-matrix';
 
 import {addErrorMessage} from 'sentry/actionCreators/indicator';
 import Feature from 'sentry/components/acl/feature';
+import * as Layout from 'sentry/components/layouts/thirds';
 import {usePageFilters} from 'sentry/components/pageFilters/usePageFilters';
 import {DifferentialFlamegraphLayout} from 'sentry/components/profiling/flamegraph/differentialFlamegraphLayout';
 import {FlamegraphContextMenu} from 'sentry/components/profiling/flamegraph/flamegraphContextMenu';
@@ -356,18 +357,20 @@ const DifferentialFlamegraphContainer = styled('div')`
 
 function DifferentialFlamegraphWithProviders() {
   return (
-    <FlamegraphThemeProvider>
-      <FlamegraphStateProvider
-        initialState={{
-          preferences: {
-            sorting: 'alphabetical',
-            view: 'top down',
-          },
-        }}
-      >
-        <DifferentialFlamegraphView />
-      </FlamegraphStateProvider>
-    </FlamegraphThemeProvider>
+    <Layout.Page>
+      <FlamegraphThemeProvider>
+        <FlamegraphStateProvider
+          initialState={{
+            preferences: {
+              sorting: 'alphabetical',
+              view: 'top down',
+            },
+          }}
+        >
+          <DifferentialFlamegraphView />
+        </FlamegraphStateProvider>
+      </FlamegraphThemeProvider>
+    </Layout.Page>
   );
 }
 

static/app/views/profiling/profileSummary/index.tsx

@@ -781,10 +781,12 @@ const ProfileDigestLabel = styled('span')`
 
 export default function ProfileSummaryPageToggle() {
   return (
-    <ProfileSummaryContainer data-test-id="profile-summary-redesign">
-      <ErrorBoundary>
-        <ProfileSummaryPage />
-      </ErrorBoundary>
-    </ProfileSummaryContainer>
+    <Layout.Page>
+      <ProfileSummaryContainer data-test-id="profile-summary-redesign">
+        <ErrorBoundary>
+          <ProfileSummaryPage />
+        </ErrorBoundary>
+      </ProfileSummaryContainer>
+    </Layout.Page>
   );
 }

static/app/views/projectInstall/newProject.tsx

@@ -1,19 +1,22 @@
 import styled from '@emotion/styled';
 
+import * as Layout from 'sentry/components/layouts/thirds';
 import {SentryDocumentTitle} from 'sentry/components/sentryDocumentTitle';
 
 import {CreateProject} from './createProject';
 
 function NewProject() {
   return (
     <SentryDocumentTitle>
-      <Container>
-        <div className="container">
-          <Content>
-            <CreateProject />
-          </Content>
-        </div>
-      </Container>
+      <Layout.Page>
+        <Container>
+          <div className="container">
+            <Content>
+              <CreateProject />
+            </Content>
+          </div>
+        </Container>
+      </Layout.Page>
     </SentryDocumentTitle>
   );
 }