Make badges in _project_templates partial Pajamas-compliant

ee/app/views/projects/_project_templates.html.haml

@@ -7,16 +7,15 @@
       %li.built-in-tab
         %a.nav-link.active{ href: "#built-in", data: { toggle: 'tab'} }
           = _('Built-in')
-          %span.badge.badge-pill=  Gitlab::ProjectTemplate.all.count + Gitlab::SampleDataTemplate.all.count
+          = gl_tab_counter_badge Gitlab::ProjectTemplate.all.count + Gitlab::SampleDataTemplate.all.count
       %li.custom-instance-project-templates-tab
         %a.nav-link.js-custom-instance-project-templates-nav-link.qa-instance-templates-tab{ href: "#custom-instance-project-templates", data: { toggle: 'tab'} }
           = _('Instance')
-          %span.badge.badge-pill.qa-instance-template-tab-badge= project_template_count
+          = gl_tab_counter_badge(project_template_count, { class: 'qa-instance-template-tab-badge' })
       %li.custom-group-project-templates-tab
         %a.nav-link.js-custom-group-project-templates-nav-link.qa-group-templates-tab{ href: "#custom-group-project-templates", data: { toggle: 'tab'} }
           = _('Group')
-          %span.badge.badge-pill.qa-group-template-tab-badge
-            = group_project_templates_count(group_id)
+          = gl_tab_counter_badge(group_project_templates_count(group_id), { class: 'qa-group-template-tab-badge' })
 
   .tab-content
     .project-templates-buttons.import-buttons.tab-pane.active#built-in