feat(replay): Show the correct of each issue in Replay Details breadcrumbs

Author: ryan953

static/app/components/replays/breadcrumbs/errorTitle.tsx

@@ -16,7 +16,7 @@ export default function CrumbErrorTitle({frame}: {frame: ErrorFrame}) {
 
   return (
     <Fragment>
-      Error:{' '}
+      {frame.data.level ?? 'Error'}:{' '}
       <Link
         to={`/organizations/${organization.slug}/issues/${frame.data.groupId}/events/${frame.data.eventId}/#replay`}
       >

static/app/utils/replays/hydrateErrors.tsx

@@ -39,6 +39,7 @@ export default function hydrateErrors(
               (Array.isArray(e['error.type']) ? e['error.type'][0] : e['error.type']) ??
               '',
             labels: toArray(e['error.type']).filter(Boolean),
+            level: e.level,
             projectSlug: e['project.name'],
           },
           message:
@@ -64,6 +65,7 @@ export default function hydrateErrors(
           label:
             (Array.isArray(e['error.type']) ? e['error.type'][0] : e['error.type']) ?? '',
           labels: toArray(e['error.type']).filter(defined),
+          level: e.level,
           projectSlug: e['project.name'],
         },
         message: e.title,

static/app/utils/replays/types.tsx

@@ -442,6 +442,7 @@ export type RawReplayError = {
   id: string;
   issue: string;
   ['issue.id']: number;
+  level: string;
   ['project.name']: string;
   timestamp: string;
   title: string;
@@ -457,6 +458,7 @@ export type ErrorFrame = Overwrite<
       groupShortId: string;
       label: string;
       labels: string[];
+      level: string;
       projectSlug: string;
     };
     message: string;