Merge branch 'replace-GlDepractedBadge-in-environment_header' into 'master'

Replace GlDeprecatedBadge with GlBadge for environment header

See merge request gitlab-org/gitlab!45768

changelogs/unreleased/replace-GlDepractedBadge-in-environment_header.yml

+---
+title: Replaced GlDeprecatedBadge for GlBadge in environment header
+merge_request: 45768
+author:
+type: changed

ee/app/assets/javascripts/environments_dashboard/components/dashboard/environment_header.vue

 <script>
-import { GlLink, GlDeprecatedBadge as GlBadge, GlTooltipDirective, GlIcon } from '@gitlab/ui';
+import { GlLink, GlBadge, GlTooltipDirective, GlIcon } from '@gitlab/ui';
 import { s__ } from '~/locale';
 import ReviewAppLink from '~/vue_merge_request_widget/components/review_app_link.vue';
 
@@ -59,7 +59,7 @@ export default {
       >
         <span class="js-environment-name bold"> {{ environment.name }}</span>
       </gl-link>
-      <gl-badge v-if="environment.within_folder" :pill="true" class="dashboard-card-icon">{{
+      <gl-badge v-if="environment.within_folder" class="dashboard-card-icon">{{
         environment.size
       }}</gl-badge>
     </div>

ee/spec/frontend/environments_dashboard/components/__snapshots__/environment_header_spec.js.snap

@@ -136,7 +136,8 @@ exports[`Environment Header with environments grouped into a folder matches the
      
     <gl-badge-stub
       class="dashboard-card-icon"
-      pill="true"
+      size="md"
+      variant="muted"
     >
       5
     </gl-badge-stub>

ee/spec/frontend/environments_dashboard/components/environment_header_spec.js

 import { shallowMount, mount } from '@vue/test-utils';
-import { GlLink, GlDeprecatedBadge as GlBadge, GlIcon } from '@gitlab/ui';
+import { GlLink, GlBadge, GlIcon } from '@gitlab/ui';
 import component from 'ee/environments_dashboard/components/dashboard/environment_header.vue';
 import ReviewAppLink from '~/vue_merge_request_widget/components/review_app_link.vue';