Revert "Remove alert detail status dropdown"

This reverts commit b97318dd.

app/assets/javascripts/alert_management/components/alert_details.vue

 <script>
 import * as Sentry from '@sentry/browser';
-import { GlAlert, GlIcon, GlLoadingIcon, GlSprintf, GlTabs, GlTab, GlButton } from '@gitlab/ui';
+import {
+  GlAlert,
+  GlIcon,
+  GlLoadingIcon,
+  GlNewDropdown,
+  GlNewDropdownItem,
+  GlSprintf,
+  GlTabs,
+  GlTab,
+  GlButton,
+} from '@gitlab/ui';
 import { s__ } from '~/locale';
 import query from '../graphql/queries/details.query.graphql';
 import { fetchPolicies } from '~/lib/graphql';
@@ -28,6 +38,8 @@ export default {
     GlAlert,
     GlIcon,
     GlLoadingIcon,
+    GlNewDropdown,
+    GlNewDropdownItem,
     GlSprintf,
     GlTab,
     GlTabs,
@@ -136,6 +148,15 @@ export default {
         class="gl-display-flex gl-justify-content-space-between gl-align-items-center"
       >
         <h2 data-testid="title">{{ alert.title }}</h2>
+        <gl-new-dropdown right>
+          <gl-new-dropdown-item
+            v-for="(label, field) in $options.statuses"
+            :key="field"
+            data-testid="statusDropdownItem"
+            class="gl-vertical-align-middle"
+            >{{ label }}
+          </gl-new-dropdown-item>
+        </gl-new-dropdown>
       </div>
       <gl-tabs v-if="alert" data-testid="alertDetailsTabs">
         <gl-tab data-testid="overviewTab" :title="$options.i18n.overviewTitle">

spec/frontend/alert_management/components/alert_management_detail_spec.js

@@ -110,6 +110,10 @@ describe('AlertDetails', () => {
       });
     });
 
+    it('renders a status dropdown containing three items', () => {
+      expect(wrapper.findAll('[data-testid="statusDropdownItem"]').length).toBe(3);
+    });
+
     describe('Create issue from alert', () => {
       describe('createIssueFromAlertEnabled feature flag enabled', () => {
         it('should display a button that links to new issue page', () => {