chore(issue-stream): Revert to using colored dot to indicate error le…

…vel (#79152)

Before: 


![image](https://github.com/user-attachments/assets/3f39a3e1-92e2-49c3-afc0-b55728800e2f)



After:


![image](https://github.com/user-attachments/assets/91f9bc2d-3e96-4659-9e5c-9a1f2473a6e1)

static/app/components/eventOrGroupExtraDetails.tsx

@@ -2,7 +2,7 @@ import {Fragment} from 'react';
 import {css} from '@emotion/react';
 import styled from '@emotion/styled';
 
-import {ErrorLevelText} from 'sentry/components/events/errorLevelText';
+import ErrorLevel from 'sentry/components/events/errorLevel';
 import EventAnnotation from 'sentry/components/events/eventAnnotation';
 import GlobalSelectionLink from 'sentry/components/globalSelectionLink';
 import ShortId from 'sentry/components/group/inboxBadges/shortId';
@@ -89,6 +89,7 @@ function EventOrGroupExtraDetails({
   const level = 'level' in data ? data.level : null;
 
   const items = [
+    hasNewLayout && level ? <ErrorLevel level={level} size={'10px'} /> : null,
     shortId ? (
       <ShortId
         shortId={shortId}
@@ -97,7 +98,6 @@ function EventOrGroupExtraDetails({
         }
       />
     ) : null,
-    hasNewLayout && level ? <ErrorLevelText level={level} /> : null,
     isUnhandled ? <UnhandledTag /> : null,
     showLifetime ? (
       <Lifetime firstSeen={firstSeen} lastSeen={lastSeen} lifetime={lifetime} />