Merge branch 'jivanvl-convert-gl-badge-duration-component' into 'master'

Convert duration_badge to use GlBadge

See merge request gitlab-org/gitlab!53168

app/assets/javascripts/jobs/components/log/duration_badge.vue

 <script>
+import { GlBadge } from '@gitlab/ui';
+
 export default {
+  components: {
+    GlBadge,
+  },
   props: {
     duration: {
       type: String,
@@ -9,7 +14,7 @@ export default {
 };
 </script>
 <template>
-  <div class="log-duration-badge rounded align-self-start px-2 ml-2 flex-shrink-0 ws-normal">
+  <gl-badge>
     {{ duration }}
-  </div>
+  </gl-badge>
 </template>

changelogs/unreleased/jivanvl-convert-gl-badge-duration-component.yml

+---
+title: Change the badge design in the jobs page
+merge_request: 53168
+author:
+type: changed