feat(preprod): Add Beta badge to preprod (#102129)

Resolves EME-465

<img width="3802" height="314" alt="CleanShot 2025-10-27 at 11 58 32@2x"
src="https://github.com/user-attachments/assets/3f8d504b-a76f-4f90-8045-f1ae9cba14cb"
/>
<img width="3830" height="290" alt="CleanShot 2025-10-27 at 11 58 45@2x"
src="https://github.com/user-attachments/assets/ab58ff8c-5436-449b-a428-0edb34ad0002"
/>
<img width="1062" height="290" alt="CleanShot 2025-10-27 at 11 39 38@2x"
src="https://github.com/user-attachments/assets/f5bb862a-4b3b-487f-9200-0d3afc74e585"
/>

Author: chromy

static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import {PlatformIcon} from 'platformicons';
 
 import {Breadcrumbs, type Crumb} from 'sentry/components/breadcrumbs';
+import {FeatureBadge} from 'sentry/components/core/badge/featureBadge';
 import {Flex, Stack} from 'sentry/components/core/layout';
 import {Text} from 'sentry/components/core/text';
 import {Heading} from 'sentry/components/core/text/heading';
@@ -49,7 +50,10 @@ export function BuildCompareHeaderContent(props: BuildCompareHeaderContentProps)
   return (
     <Flex justify="between" align="center" gap="lg">
       <Stack gap="lg" style={{padding: `0 0 ${theme.space.lg} 0`}}>
-        <Breadcrumbs crumbs={breadcrumbs} />
+        <Flex align="center" gap="sm">
+          <Breadcrumbs crumbs={breadcrumbs} />
+          <FeatureBadge type="beta" />
+        </Flex>
         <Heading as="h1">Build comparison</Heading>
         <Flex gap="lg" wrap="wrap" align="center">
           <Flex gap="sm" align="center">

static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import {Link} from 'react-router-dom';
 
 import {Breadcrumbs, type Crumb} from 'sentry/components/breadcrumbs';
+import {FeatureBadge} from 'sentry/components/core/badge/featureBadge';
 import {Button} from 'sentry/components/core/button';
 import {Flex} from 'sentry/components/core/layout';
 import DropdownButton from 'sentry/components/dropdownButton';
@@ -124,7 +125,10 @@ export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps)
   return (
     <React.Fragment>
       <Layout.HeaderContent>
-        <Breadcrumbs crumbs={breadcrumbs} />
+        <Flex align="center" gap="sm">
+          <Breadcrumbs crumbs={breadcrumbs} />
+          <FeatureBadge type="beta" />
+        </Flex>
         <Layout.Title>
           {project && <IdBadge project={project} avatarSize={28} hideName />}
           <Version version={version} anchor={false} truncate />

static/app/views/releases/detail/header/releaseHeader.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import styled from '@emotion/styled';
 import type {Location} from 'history';
 import pick from 'lodash/pick';
@@ -92,9 +93,14 @@ function ReleaseHeader({
             <FeatureBadge type="new" />
           </BadgeWrapper>
         ) : (
-          <NavTabsBadge type="default">
-            {formatAbbreviatedNumber(numberOfMobileBuilds)}
-          </NavTabsBadge>
+          <React.Fragment>
+            <NavTabsBadge type="default">
+              {formatAbbreviatedNumber(numberOfMobileBuilds)}
+            </NavTabsBadge>
+            <BadgeWrapper>
+              <FeatureBadge type="beta" />
+            </BadgeWrapper>
+          </React.Fragment>
         ),
     }),
     textValue: t('Builds %s', numberOfMobileBuilds),