Use GlBadge in Dependency List

Part of [Migrate GlDeprecatedBadge usage to GlBadge][1].

[1]: https://gitlab.com/groups/gitlab-org/-/epics/3280.

ee/app/assets/javascripts/dependencies/components/dependencies_table.vue

 <script>
 import { cloneDeep } from 'lodash';
-import {
-  GlDeprecatedBadge as GlBadge,
-  GlIcon,
-  GlLink,
-  GlButton,
-  GlSkeletonLoading,
-  GlTable,
-} from '@gitlab/ui';
+import { GlBadge, GlIcon, GlLink, GlButton, GlSkeletonLoading, GlTable } from '@gitlab/ui';
 import { s__ } from '~/locale';
 import DependencyLicenseLinks from './dependency_license_links.vue';
 import DependencyVulnerabilities from './dependency_vulnerabilities.vue';
@@ -130,13 +123,10 @@ export default {
     </template>
 
     <template #cell(isVulnerable)="{ item, toggleDetails }">
-      <!-- This badge usage will be simplified by
-        https://gitlab.com/gitlab-org/gitlab/-/merge_requests/28356 -->
       <gl-badge
         v-if="item.vulnerabilities.length"
         variant="warning"
         href="#"
-        class="d-inline-flex align-items-center bg-warning-100 text-warning-700 bold"
         @click.native="toggleDetails"
       >
         <gl-icon name="warning" class="text-warning-500 mr-1" />

ee/changelogs/unreleased/219509-replace-gldeprecatedbadge-with-glbadge-in-ee-app-assets-javascr.yml

+---
+title: Update vulnerabilities badge design in Dependency List
+merge_request: 33417
+author:
+type: other

ee/spec/frontend/dependencies/components/dependencies_table_spec.js

 import { nextTick } from 'vue';
 import { mount } from '@vue/test-utils';
-import { GlDeprecatedBadge as GlBadge, GlButton, GlLink, GlSkeletonLoading } from '@gitlab/ui';
+import { GlBadge, GlButton, GlLink, GlSkeletonLoading } from '@gitlab/ui';
 import stubChildren from 'helpers/stub_children';
 import DependenciesTable from 'ee/dependencies/components/dependencies_table.vue';
 import DependencyLicenseLinks from 'ee/dependencies/components/dependency_license_links.vue';