feat(llm-detector): Add beta badge for AI detected issues

[roggenkemper]

re-adds that beta tag for certain issue types that was removed in #99550

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix prepared a fix for the issue found in the latest run.

• ✅ Fixed: Grid gap applied even when badge is absent
  • Changed Title component from CSS Grid to Flexbox, which naturally collapses the gap when the FeatureBadge is not rendered, ensuring full title space for non-LLM issues.

Or push these changes by commenting:

@cursor push a2985ade4a

Preview (a2985ade4a)

diff --git a/static/app/views/issueDetails/streamline/header/header.tsx b/static/app/views/issueDetails/streamline/header/header.tsx
--- a/static/app/views/issueDetails/streamline/header/header.tsx
+++ b/static/app/views/issueDetails/streamline/header/header.tsx
@@ -326,7 +326,8 @@
   white-space: nowrap;
   font-size: 20px;
   font-weight: ${p => p.theme.font.weight.sans.medium};
-  flex-shrink: 0;
+  flex-shrink: 1;
+  min-width: 0;
 `;
 
 const StatTitle = styled('div')`
@@ -410,10 +411,10 @@
 `;
 
 const Title = styled('div')`
-  display: grid;
-  grid-template-columns: minmax(0, max-content) min-content;
+  display: flex;
   align-items: center;
-  column-gap: ${p => p.theme.space.sm};
+  gap: ${p => p.theme.space.sm};
+  min-width: 0;
 `;
 
 const StyledBreadcrumbs = styled(Breadcrumbs)`

_{This Bugbot Autofix run was free. To enable autofix for future PRs, go to the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 2e72334. Configure here.}

[sentry]

Bug: The Title component's grid layout defines two columns with a gap, but the second column's content is conditional. This creates unwanted whitespace for most issue types.
_{Severity: LOW}

Suggested Fix

Make the grid template conditional, adding the second column only when the badge is rendered. Alternatively, use display: flex with conditional rendering of the badge, or use grid-auto-columns instead of grid-template-columns to avoid creating an explicit empty track.

Prompt for AI Agent

Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: static/app/views/issueDetails/streamline/header/header.tsx#L193

Potential issue: The `Title` component's CSS was changed to a two-column grid layout
(`grid-template-columns: minmax(0, max-content) min-content;`) with a `column-gap`.
However, the content for the second column, the `FeatureBadge`, is only rendered for
`LLM_DETECTED_EXPERIMENTAL_V2` issues. For all other issue types, the second column is
empty but the `column-gap` still applies. This results in an unwanted whitespace gap to
the right of the title, creating inconsistent spacing for the vast majority of issues.

_{Did we get this right? 👍 / 👎 to inform future reviews.}