Merge branch 'replace-GlDeprecated-Badge-for-GlBadge-in-requirements-tabs' into 'master'

Replace GLDeprecatedBadge with GlBadge

See merge request gitlab-org/gitlab!45647

changelogs/unreleased/replace-GlDeprecated-Badge-for-GlBadge-in-requirements-tabs.yml

+---
+title: Replaced GlDeprecatedBadge for GlBadge in requirements tabs
+merge_request: 45647
+author:
+type: changed

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

 <script>
-import { GlLink, GlDeprecatedBadge as GlBadge, GlButton } from '@gitlab/ui';
+import { GlLink, GlBadge, GlButton } from '@gitlab/ui';
 
 import { FilterState } from '../constants';
 
@@ -53,7 +53,7 @@ export default {
           @click="$emit('click-tab', { filterBy: $options.FilterState.opened })"
         >
           {{ __('Open') }}
-          <gl-badge class="badge-pill">{{ requirementsCount.OPENED }}</gl-badge>
+          <gl-badge>{{ requirementsCount.OPENED }}</gl-badge>
         </gl-link>
       </li>
       <li :class="{ active: isArchivedTab }">
@@ -64,7 +64,7 @@ export default {
           @click="$emit('click-tab', { filterBy: $options.FilterState.archived })"
         >
           {{ __('Archived') }}
-          <gl-badge class="badge-pill">{{ requirementsCount.ARCHIVED }}</gl-badge>
+          <gl-badge>{{ requirementsCount.ARCHIVED }}</gl-badge>
         </gl-link>
       </li>
       <li :class="{ active: isAllTab }">
@@ -75,7 +75,7 @@ export default {
           @click="$emit('click-tab', { filterBy: $options.FilterState.all })"
         >
           {{ __('All') }}
-          <gl-badge class="badge-pill">{{ requirementsCount.ALL }}</gl-badge>
+          <gl-badge>{{ requirementsCount.ALL }}</gl-badge>
         </gl-link>
       </li>
     </ul>

ee/spec/frontend/requirements/components/requirements_tabs_spec.js

 import { shallowMount } from '@vue/test-utils';
 
-import { GlLink, GlDeprecatedBadge as GlBadge, GlButton } from '@gitlab/ui';
+import { GlLink, GlBadge, GlButton } from '@gitlab/ui';
 
 import RequirementsTabs from 'ee/requirements/components/requirements_tabs.vue';
 import { FilterState } from 'ee/requirements/constants';