Convert pipeline schedules page tabs to Pajamas

Changelog: other

app/views/projects/pipeline_schedules/_tabs.html.haml

-%ul.nav-links.mobile-separator.nav.nav-tabs
-  %li{ class: active_when(scope.nil?) }>
-    = link_to schedule_path_proc.call(nil) do
+= gl_tabs_nav({ class: 'gl-display-flex gl-flex-grow-1 gl-border-0' }) do
+  = gl_tab_link_to schedule_path_proc.call(nil), { item_active: active_when(scope.nil?) } do
     = s_("PipelineSchedules|All")
-      %span.badge.gl-tab-counter-badge.badge-muted.badge-pill.gl-badge.sm.js-totalbuilds-count
-        = number_with_delimiter(all_schedules.count(:id))
+    = gl_tab_counter_badge(number_with_delimiter(all_schedules.count(:id)), { class: 'js-totalbuilds-count' })
 
-  %li{ class: active_when(scope == 'active') }>
-    = link_to schedule_path_proc.call('active') do
+  = gl_tab_link_to schedule_path_proc.call('active'), { item_active: active_when(scope == 'active') } do
     = s_("PipelineSchedules|Active")
-      %span.badge.gl-tab-counter-badge.badge-muted.badge-pill.gl-badge.sm
-        = number_with_delimiter(all_schedules.active.count(:id))
+    = gl_tab_counter_badge(number_with_delimiter(all_schedules.active.count(:id)))
 
-  %li{ class: active_when(scope == 'inactive') }>
-    = link_to schedule_path_proc.call('inactive') do
+  = gl_tab_link_to schedule_path_proc.call('inactive'), { item_active: active_when(scope == 'inactive') } do
     = s_("PipelineSchedules|Inactive")
-      %span.badge.gl-tab-counter-badge.badge-muted.badge-pill.gl-badge.sm
-        = number_with_delimiter(all_schedules.inactive.count(:id))
+    = gl_tab_counter_badge(number_with_delimiter(all_schedules.inactive.count(:id)))