fix(pageframe): Move flex={1} into DetailLayout component

DetailLayoutComponent only accepts children in its props interface,
so flex cannot be passed from call sites. Add flex={1} directly
on the StyledPage inside the component instead.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: priscilawebdev

static/app/components/workflowEngine/layout/detail.tsx

@@ -20,7 +20,7 @@ interface WorkflowEngineDetailLayoutProps {
  * Precomposed 67/33 layout for Monitors / Alerts detail pages.
  */
 function DetailLayoutComponent({children}: WorkflowEngineDetailLayoutProps) {
-  return <StyledPage>{children}</StyledPage>;
+  return <StyledPage flex={1}>{children}</StyledPage>;
 }
 
 const StyledPage = styled(Stack)`

static/app/views/automations/detail.tsx

@@ -56,7 +56,7 @@ function AutomationDetailContent({automation}: {automation: Automation}) {
 
   return (
     <SentryDocumentTitle title={automation.name}>
-      <DetailLayout flex={1}>
+      <DetailLayout>
         <DetailLayout.Header>
           <DetailLayout.HeaderContent>
             <Breadcrumbs

static/app/views/detectors/components/details/cron/index.tsx

@@ -156,7 +156,7 @@ export function CronDetectorDetails({detector, project}: CronDetectorDetailsProp
 
   return (
     <TimezoneProvider timezone={timezoneOverride}>
-      <DetailLayout flex={1}>
+      <DetailLayout>
         <DetectorDetailsHeader detector={detector} project={project} />
         <DetailLayout.Body>
           <DetailLayout.Main>

static/app/views/detectors/components/details/error/index.tsx

@@ -74,7 +74,7 @@ export function ErrorDetectorDetails({detector, project}: ErrorDetectorDetailsPr
   const {selection} = usePageFilters();
 
   return (
-    <DetailLayout flex={1}>
+    <DetailLayout>
       <DetailLayout.Header>
         <DetectorDetailsDefaultHeaderContent detector={detector} project={project} />
         <DetailLayout.Actions>

static/app/views/detectors/components/details/fallback.tsx

@@ -18,7 +18,7 @@ export function FallbackDetectorDetails({
   project,
 }: FallbackDetectorDetailsProps) {
   return (
-    <DetailLayout flex={1}>
+    <DetailLayout>
       <DetectorDetailsHeader detector={detector} project={project} />
       <DetailLayout.Body>
         <DetailLayout.Main>

static/app/views/detectors/components/details/metric/index.tsx

@@ -41,7 +41,7 @@ export function MetricDetectorDetails({detector, project}: MetricDetectorDetails
   const intervalSeconds = dataSource.queryObj?.snubaQuery.timeWindow;
 
   return (
-    <DetailLayout flex={1}>
+    <DetailLayout>
       <DetectorDetailsHeader detector={detector} project={project} />
       <DetailLayout.Body>
         <DetailLayout.Main>

static/app/views/detectors/components/details/mobileBuild/index.tsx

@@ -19,7 +19,7 @@ export function MobileBuildDetectorDetails({
   project,
 }: MobileBuildDetectorDetailsProps) {
   return (
-    <DetailLayout flex={1}>
+    <DetailLayout>
       <DetectorDetailsHeader detector={detector} project={project} />
       <DetailLayout.Body>
         <DetailLayout.Main>

static/app/views/detectors/components/details/uptime/index.tsx

@@ -57,7 +57,7 @@ export function UptimeDetectorDetails({detector, project}: UptimeDetectorDetails
   }, []);
 
   return (
-    <DetailLayout flex={1}>
+    <DetailLayout>
       <DetectorDetailsHeader detector={detector} project={project} />
       <DetailLayout.Body>
         <DetailLayout.Main>