Merge branch 'Replace-gl-deprecated-badge-in-s-dashboard-project-list' into 'master'

Replace GlDeprecatedBadge in Security Dashboard Project List

See merge request gitlab-org/gitlab!45917

ee/app/assets/javascripts/security_dashboard/components/first_class_project_manager/project_list.vue

 <script>
-import {
-  GlDeprecatedBadge as GlBadge,
-  GlButton,
-  GlLoadingIcon,
-  GlTooltipDirective,
-} from '@gitlab/ui';
+import { GlBadge, GlButton, GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
 import ProjectAvatar from '~/vue_shared/components/project_avatar/default.vue';
 
 export default {
@@ -40,7 +35,7 @@ export default {
     <div>
       <h4 class="h5 font-weight-bold text-secondary border-bottom mb-3 pb-2">
         {{ s__('SecurityReports|Projects added') }}
-        <gl-badge pill class="font-weight-bold">{{ projects.length }}</gl-badge>
+        <gl-badge class="gl-font-weight-bold">{{ projects.length }}</gl-badge>
         <gl-loading-icon v-if="showLoadingIndicator" size="sm" class="float-right" />
       </h4>
       <ul v-if="projects.length" class="list-unstyled">

ee/changelogs/unreleased/Replace-gl-deprecated-badge-in-s-dashboard-project-list.yml

+---
+title: Replaced GlDeprecatedBadge with GlBadge for Security Dashboard Project List
+merge_request: 45917
+author:
+type: changed

ee/spec/frontend/security_dashboard/components/first_class_project_manager/project_list_spec.js

 import { shallowMount } from '@vue/test-utils';
 
-import { GlDeprecatedBadge as GlBadge, GlButton, GlLoadingIcon } from '@gitlab/ui';
+import { GlBadge, GlButton, GlLoadingIcon } from '@gitlab/ui';
 import ProjectList from 'ee/security_dashboard/components/first_class_project_manager/project_list.vue';
 import ProjectAvatar from '~/vue_shared/components/project_avatar/default.vue';