Convert credential inventory tabs to pajamas

Changelog: other
EE: true

ee/app/views/shared/credentials_inventory/index.html.haml

@@ -5,17 +5,11 @@
     = sprite_icon('chevron-lg-left', size: 12)
   .fade-right
     = sprite_icon('chevron-lg-right', size: 12)
-  %ul.nav-links.nav.nav-tabs.scrolling-tabs
-    = nav_link(html_options: { class: active_when(show_personal_access_tokens?) }) do
-      = link_to credentials_inventory_path(filter: 'personal_access_tokens') do
-        = s_('CredentialsInventory|Personal Access Tokens')
-    = nav_link(html_options: { class: active_when(show_ssh_keys?) }) do
-      = link_to credentials_inventory_path(filter: 'ssh_keys') do
-        = s_('CredentialsInventory|SSH Keys')
+  = gl_tabs_nav({ class: 'scrolling-tabs nav-links gl-border-0'}) do
+    = gl_tab_link_to s_('CredentialsInventory|Personal Access Tokens'), credentials_inventory_path(filter: 'personal_access_tokens'), { item_active: active_when(show_personal_access_tokens?), class: 'gl-border-0!' }
+    = gl_tab_link_to s_('CredentialsInventory|SSH Keys'), credentials_inventory_path(filter: 'ssh_keys'), { item_active: active_when(show_ssh_keys?), class: 'gl-border-0!' }
     - if gpg_keys_available?
-      = nav_link(html_options: { class: active_when(show_gpg_keys?) }) do
-        = link_to credentials_inventory_path(filter: 'gpg_keys') do
-          = s_('CredentialsInventory|GPG Keys')
+      = gl_tab_link_to s_('CredentialsInventory|GPG Keys'), credentials_inventory_path(filter: 'gpg_keys'), { item_active: active_when(show_gpg_keys?), class: 'gl-border-0!' }
 
 - if @credentials.empty?
   .nothing-here-block.border-top-0