Refactor DAST Profiles library

ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_profiles_list.vue

@@ -171,7 +171,7 @@ export default {
             <slot name="actions" :profile="item"></slot>
 
             <gl-dropdown
-              class="gl-display-none gl-display-sm-inline-flex!"
+              class="gl-display-none gl-md-display-inline-flex!"
               toggle-class="gl-border-0! gl-shadow-none!"
               no-caret
               right
@@ -201,7 +201,7 @@ export default {
               v-if="item.editPath"
               :href="item.editPath"
               category="tertiary"
-              class="gl-ml-3 gl-my-1 gl-display-sm-none"
+              class="gl-ml-3 gl-my-1 gl-display-md-none"
               size="small"
               >{{ __('Edit') }}</gl-button
             >
@@ -211,7 +211,7 @@ export default {
               icon="remove"
               variant="danger"
               size="small"
-              class="gl-mx-3 gl-my-1 gl-display-sm-none"
+              class="gl-mx-3 gl-my-1 gl-display-md-none"
               :title="s__('DastProfiles|Delete profile')"
               @click="prepareProfileDeletion(item.id)"
             />

ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_scanner_profiles_list.vue

 <script>
-import { GlBadge } from '@gitlab/ui';
-import {
-  SCAN_TYPE,
-  SCAN_TYPE_LABEL,
-} from 'ee/security_configuration/dast_scanner_profiles/constants';
 import ProfilesList from './dast_profiles_list.vue';
+import ScanTypeBadge from './dast_scan_type_badge.vue';
 
 export default {
   components: {
     ProfilesList,
-    GlBadge,
+    ScanTypeBadge,
   },
-  SCAN_TYPE,
-  SCAN_TYPE_LABEL,
 };
 </script>
 <template>
   <profiles-list v-bind="$attrs" v-on="$listeners">
     <template #cell(scanType)="{ value }">
-      <gl-badge size="sm" :variant="value === $options.SCAN_TYPE.ACTIVE ? 'warning' : 'neutral'">
-        {{ $options.SCAN_TYPE_LABEL[value].toLowerCase() }}
-      </gl-badge>
+      <scan-type-badge :scan-type="value" />
     </template>
   </profiles-list>
 </template>

ee/changelogs/unreleased/djadmin-dast-profiles-ui-updates-follow-up.yml

+---
+title: Improve DAST Profiles library for smaller devices
+merge_request: 51315
+author:
+type: changed