Replace deprecated-button with button

Closes: https://gitlab.com/gitlab-org/gitlab/-/issues/219784

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

 <script>
-import { GlDeprecatedButton } from '@gitlab/ui';
+import { GlButton } from '@gitlab/ui';
 import { s__, sprintf } from '~/locale';
 
 export default {
   components: {
-    GlDeprecatedButton,
+    GlButton,
   },
   props: {
     quotaUsed: {
@@ -55,13 +55,14 @@ export default {
         <a :href="runnersPath">{{ __('Runners page.') }}</a>
       </template>
     </p>
-    <gl-deprecated-button
+    <gl-button
       v-if="subscriptionsMoreMinutesUrl"
       variant="danger"
+      category="primary"
       :href="subscriptionsMoreMinutesUrl"
       class="btn-inverted"
     >
       {{ __('Purchase more minutes') }}
-    </gl-deprecated-button>
+    </gl-button>
   </div>
 </template>

ee/spec/frontend/jobs/shared_runner_limit_block_spec.js

 import SharedRunnerLimitBlock from 'ee/jobs/components/shared_runner_limit_block.vue';
 import { shallowMount } from '@vue/test-utils';
-import { GlDeprecatedButton } from '@gitlab/ui';
+import { GlButton } from '@gitlab/ui';
 import { trimText } from 'helpers/text_helper';
 
 describe('Shared Runner Limit Block', () => {
@@ -40,12 +40,12 @@ describe('Shared Runner Limit Block', () => {
       );
     });
 
-    it('renders call to action gl-deprecated-button with the right href', () => {
-      const glDeprecatedButton = wrapper.find(GlDeprecatedButton);
+    it('renders call to action gl-button with the right href', () => {
+      const glButton = wrapper.find(GlButton);
 
-      expect(glDeprecatedButton.isVisible()).toBe(true);
-      expect(glDeprecatedButton.attributes('variant')).toBe('danger');
-      expect(glDeprecatedButton.attributes('href')).toBe(subscriptionsMoreMinutesUrl);
+      expect(glButton.isVisible()).toBe(true);
+      expect(glButton.attributes('variant')).toBe('danger');
+      expect(glButton.attributes('href')).toBe(subscriptionsMoreMinutesUrl);
     });
   });