Replaced GlDepreactedBadge in unscanned Projects

ee/app/assets/javascripts/security_dashboard/components/unscanned_projects.vue

 <script>
-import { GlDeprecatedBadge as GlBadge, GlTabs, GlTab, GlLink, GlIcon } from '@gitlab/ui';
+import { GlBadge, GlTabs, GlTab, GlLink, GlIcon } from '@gitlab/ui';
 import { mapActions, mapGetters, mapState } from 'vuex';
 
 import UnscannedProjectsTabContent from './unscanned_projects_tab_content.vue';
@@ -62,9 +62,14 @@ export default {
         <gl-tab ref="outdatedProjectsTab" title-item-class="ml-3">
           <template #title>
             {{ s__('UnscannedProjects|Out of date') }}
-            <gl-badge v-if="!isLoading" ref="outdatedProjectsCount" pill>{{
-              outdatedProjectsCount
-            }}</gl-badge>
+            <gl-badge
+              size="sm"
+              class="gl-tab-counter-badge"
+              v-if="!isLoading"
+              ref="outdatedProjectsCount"
+              pill
+              >{{ outdatedProjectsCount }}
+            </gl-badge>
           </template>
           <unscanned-projects-tab-content :is-loading="isLoading" :is-empty="!hasOutdatedProjects">
             <div v-for="dateRange in outdatedProjects" :key="dateRange.fromDay" class="mb-3">
@@ -82,9 +87,14 @@ export default {
         <gl-tab ref="untestedProjectsTab" title-item-class="ml-3">
           <template #title>
             {{ s__('UnscannedProjects|Untested') }}
-            <gl-badge v-if="!isLoading" ref="untestedProjectsCount" pill>{{
-              untestedProjectsCount
-            }}</gl-badge>
+            <gl-badge
+              size="sm"
+              class="gl-tab-counter-badge"
+              v-if="!isLoading"
+              ref="untestedProjectsCount"
+              pill
+              >{{ untestedProjectsCount }}
+            </gl-badge>
           </template>
           <unscanned-projects-tab-content :is-loading="isLoading" :is-empty="!hasUntestedProjects">
             <ul class="list-unstyled m-0">