Merge branch '233602-vuln-state-dropdown' into 'master'

Migrate dropdown and button instances in vulnerability state dropdown

Closes #233602

See merge request gitlab-org/gitlab!41828

ee/app/assets/javascripts/vulnerabilities/components/vulnerability_state_dropdown.vue

 <script>
-import { GlDeprecatedDropdown, GlIcon, GlDeprecatedButton } from '@gitlab/ui';
+import { GlDropdown, GlIcon, GlButton } from '@gitlab/ui';
 import { VULNERABILITY_STATE_OBJECTS } from '../constants';
 
 export default {
   states: Object.values(VULNERABILITY_STATE_OBJECTS),
-  components: { GlDeprecatedDropdown, GlIcon, GlDeprecatedButton },
+  components: { GlDropdown, GlIcon, GlButton },
 
   props: {
     // Initial vulnerability state from the parent. This is used to disable the Change Status button
@@ -56,7 +56,7 @@ export default {
 </script>
 
 <template>
-  <gl-deprecated-dropdown
+  <gl-dropdown
     ref="dropdown"
     menu-class="p-0"
     toggle-class="text-capitalize"
@@ -84,17 +84,17 @@ export default {
     </li>
 
     <div class="text-right p-3">
-      <gl-deprecated-button ref="cancel-button" class="mr-2" @click="closeDropdown">
+      <gl-button ref="cancel-button" class="mr-2" @click="closeDropdown">
         {{ __('Cancel') }}
-      </gl-deprecated-button>
-      <gl-deprecated-button
+      </gl-button>
+      <gl-button
         ref="save-button"
         variant="success"
         :disabled="selected === initialStateItem"
         @click="saveState(selected)"
       >
         {{ s__('VulnerabilityManagement|Change status') }}
-      </gl-deprecated-button>
+      </gl-button>
     </div>
-  </gl-deprecated-dropdown>
+  </gl-dropdown>
 </template>