Updates component with dropdown

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

@@ -2,9 +2,6 @@
 import { GlNewDropdown, GlNewDropdownItem, GlTabs, GlTab } from '@gitlab/ui';
 import { s__ } from '~/locale';
 
-/* eslint-disable import/no-commonjs */
-const mock = require('./alerts.json');
-
 export default {
   statuses: {
     triggered: s__('AlertManagement|Triggered'),
@@ -25,7 +22,17 @@ export default {
 </script>
 <template>
   <div>
-    <div class="d-flex justify-content-between">
+    <div class="d-flex justify-content-between border-bottom pb-2 pt-1">
+      <gl-new-dropdown class="align-self-center" right>
+        <gl-new-dropdown-item
+          v-for="(label, field) in $options.statuses"
+          :key="field"
+          class="align-middle"
+          >{{ label }}
+        </gl-new-dropdown-item>
+      </gl-new-dropdown>
+    </div>
+    <div class="d-flex">
       <gl-tabs>
         <gl-tab data-testid="overviewTab" :title="$options.i18n.overviewTitle">
           <ul class="pl-3">
@@ -43,15 +50,5 @@ export default {
         <gl-tab data-testid="fullDetailsTab" :title="$options.i18n.fullAlertDetailsTitle" />
       </gl-tabs>
     </div>
-    <div class="d-flex justify-content-between">
-      <gl-new-dropdown :text="alertDetails[0].status">
-        <gl-new-dropdown-item
-          v-for="(label, field) in $options.statuses"
-          :key="field"
-          class="align-middle"
-          >{{ label }}
-        </gl-new-dropdown-item>
-      </gl-new-dropdown>
-    </div>
   </div>
 </template>