feat(issue-details): Show project icon next to issue title (#34037)

static/app/views/organizationGroupDetails/header.tsx

@@ -15,6 +15,7 @@ import EventAnnotation from 'sentry/components/events/eventAnnotation';
 import EventMessage from 'sentry/components/events/eventMessage';
 import InboxReason from 'sentry/components/group/inboxBadges/inboxReason';
 import UnhandledInboxTag from 'sentry/components/group/inboxBadges/unhandledTag';
+import IdBadge from 'sentry/components/idBadge';
 import ProjectBadge from 'sentry/components/idBadge/projectBadge';
 import * as Layout from 'sentry/components/layouts/thirds';
 import ExternalLink from 'sentry/components/links/externalLink';
@@ -150,6 +151,12 @@ class GroupHeader extends React.Component<Props, State> {
           <div className="row">
             <div className="col-sm-7">
               <TitleWrapper>
+                <StyledIdBadge
+                  project={project}
+                  avatarSize={24}
+                  hideName
+                  avatarProps={{hasTooltip: true, tooltip: project.slug}}
+                />
                 <h3>
                   <EventOrGroupTitle hasGuideAnchor data={group} />
                 </h3>
@@ -356,6 +363,10 @@ const TitleWrapper = styled('div')`
   line-height: 24px;
 `;
 
+const StyledIdBadge = styled(IdBadge)`
+  margin-right: ${space(1)};
+`;
+
 const InboxReasonWrapper = styled('div')`
   margin-left: ${space(1)};
 `;