Replace GlDeprecatedButton with GlButton in requirement_form.vue

ee/app/assets/javascripts/requirements/components/requirement_form.vue

 <script>
-import { GlDrawer, GlFormGroup, GlFormTextarea, GlDeprecatedButton } from '@gitlab/ui';
+import { GlDrawer, GlFormGroup, GlFormTextarea, GlButton } from '@gitlab/ui';
 import { isEmpty } from 'lodash';
 import { __, sprintf } from '~/locale';
 
@@ -13,7 +13,7 @@ export default {
     GlDrawer,
     GlFormGroup,
     GlFormTextarea,
-    GlDeprecatedButton,
+    GlButton,
   },
   props: {
     drawerOpen: {
@@ -117,18 +117,24 @@ export default {
             />
           </gl-form-group>
           <div class="d-flex requirement-form-actions">
-            <gl-deprecated-button
+            <gl-button
               :disabled="disableSaveButton"
               :loading="requirementRequestActive"
-              category="primary"
               variant="success"
+              category="primary"
               class="mr-auto js-requirement-save"
               @click="handleSave"
-              >{{ saveButtonLabel }}</gl-deprecated-button
             >
-            <gl-deprecated-button class="js-requirement-cancel" @click="$emit('cancel')">
+              {{ saveButtonLabel }}
+            </gl-button>
+            <gl-button
+              variant="default"
+              category="primary"
+              class="js-requirement-cancel"
+              @click="$emit('cancel')"
+            >
               {{ __('Cancel') }}
-            </gl-deprecated-button>
+            </gl-button>
           </div>
         </div>
       </div>

ee/changelogs/unreleased/219863-replace-gl-deprecated-button-with-gl-button-in-ee-app-assets-ja.yml

+---
+title: Replace GlDeprecatedButton with GlButton in Requirements form
+merge_request: 38422
+author:
+type: other

ee/spec/features/projects/requirements_management/requirements_list_spec.rb

@@ -157,7 +157,7 @@ RSpec.describe 'Requirements list', :js do
         end
 
         page.within('.requirement-form') do
-          expect(page.find('span')).to have_content("REQ-#{requirement1.iid}")
+          expect(page.find('span', match: :first)).to have_content("REQ-#{requirement1.iid}")
           expect(page.find('textarea#requirementTitle')['value']).to have_content("#{requirement1.title}")
           expect(page.find('.js-requirement-save')).to have_content('Save changes')
         end