Migrate badges to be compliant with the Pajamas design system

Migrated badges in Project -> Settings -> CI/CD and 
Project -> Repository -> Tags -> Protected branch

Changelog: changed

app/views/projects/tags/show.html.haml

@@ -13,8 +13,7 @@
         = sprite_icon('tag')
         = @tag.name
       - if protected_tag?(@project, @tag)
-        %span.badge.badge-success
-          = s_('TagsPage|protected')
+        = gl_badge_tag s_('TagsPage|protected'), variant: :success
 
     - if user
       = link_to user_path(user) do

app/views/shared/runners/_runner_details.html.haml

@@ -28,8 +28,7 @@
       %td= s_('Runners|Tags')
       %td
         - runner.tag_list.sort.each do |tag|
-          %span.badge.badge-primary
-            = tag
+          = gl_badge_tag tag, variant: :info
     %tr
       %td= s_('Runners|Name')
       %td= runner.name

spec/views/shared/runners/_runner_details.html.haml_spec.rb

@@ -113,14 +113,14 @@ RSpec.describe 'shared/runners/_runner_details.html.haml' do
   describe 'Tags value' do
     context 'when runner does not have tags' do
       it { is_expected.to have_content('Tags') }
-      it { is_expected.not_to have_selector('span.badge.badge-primary')}
+      it { is_expected.not_to have_selector('span.gl-badge.badge.badge-info')}
     end
 
     context 'when runner have tags' do
       let(:runner) { create(:ci_runner, tag_list: %w(tag2 tag3 tag1)) }
 
       it { is_expected.to have_content('Tags tag1 tag2 tag3') }
-      it { is_expected.to have_selector('span.badge.badge-primary')}
+      it { is_expected.to have_selector('span.gl-badge.badge.badge-info')}
     end
   end