feat(replay): Show Environment as a tag on replay details page (#55195)

![SCR-20230823-ngmt](https://github.com/getsentry/sentry/assets/187460/44724b06-7951-4ae1-b8e0-83e6ba58eba4)

fixtures/js-stubs/replayRecord.ts

@@ -53,6 +53,7 @@ export function ReplayRecord(replayRecord: Partial<TReplayRecord> = {}): TReplay
       ...replayRecord.tags,
       'browser.name': [replayRecord.browser?.name ?? 'Other'],
       'device.family': [replayRecord.device?.family ?? 'Other'],
+      environment: ['demo'],
       'os.name': [replayRecord.os?.name ?? 'Other'],
       platform: [replayRecord.platform ?? 'javascript'],
       releases: replayRecord.releases ?? ['1.0.0', '2.0.0'],

static/app/constants/generated-ui-stories-list.tsx

@@ -0,0 +1,11 @@
+// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+//
+// Generated by ListFilesPlugin (list-files-plugin.ts)
+// @generated SignedSource<<67fd60f6de103b8407f65f86dd27ea04>>
+//
+// This script contains a list of story files to be dynamically loaded by our
+// component library.
+
+const FilesList: string[] = [];
+
+export {FilesList};

static/app/utils/replays/replayDataUtils.tsx

@@ -24,6 +24,7 @@ export function mapResponseToReplayRecord(apiResponse: any): ReplayRecord {
       ? {'device.model_id': [apiResponse.device.model_id]}
       : {}),
     ...(apiResponse.device?.name ? {'device.name': [apiResponse.device.name]} : {}),
+    ...(apiResponse.environment ? {environment: [apiResponse.environment]} : {}),
     ...(apiResponse.platform ? {platform: [apiResponse.platform]} : {}),
     ...(apiResponse.releases ? {releases: [...apiResponse.releases]} : {}),
     ...(apiResponse.replay_type ? {replayType: [apiResponse.replay_type]} : {}),