Merge branch '242034-runner-limit' into 'master'

Convert shared runner limit alert to gl-alert

See merge request gitlab-org/gitlab!48063

changelogs/unreleased/242034-runner-limit.yml

+---
+title: Convert shared runner limit alert to gl-alert
+merge_request: 48063
+author:
+type: other

ee/app/assets/javascripts/jobs/components/shared_runner_limit_block.vue

 <script>
-import { GlButton } from '@gitlab/ui';
+import { GlButton, GlAlert } from '@gitlab/ui';
 import { s__, sprintf } from '~/locale';
 
 export default {
   components: {
     GlButton,
+    GlAlert,
   },
   props: {
     quotaUsed: {
@@ -46,7 +47,7 @@ export default {
 };
 </script>
 <template>
-  <div class="bs-callout bs-callout-danger">
+  <gl-alert class="gl-my-5" variant="danger" :dismissible="false">
     <p>
       {{ runnersWarningMessage }}
 
@@ -64,5 +65,5 @@ export default {
     >
       {{ __('Purchase more minutes') }}
     </gl-button>
-  </div>
+  </gl-alert>
 </template>