Refactor(Groups SSO): migrate to gl-tabs

Migrate Bootstrap tabs to Pajamas the compatible
GlTabs

https://gitlab.com/groups/gitlab-org/-/epics/3983

Changelog: changed
EE: true

ee/app/assets/javascripts/pages/groups/sso/index.js

 import { redirectUserWithSSOIdentity } from 'ee/saml_sso';
+import { GlTabsBehavior } from '~/tabs';
 import UsernameValidator from '~/pages/sessions/new/username_validator';
 import initConfirmDanger from '~/init_confirm_danger';
 
+new GlTabsBehavior(document.querySelector('.new-session-tabs')); // eslint-disable-line no-new
 new UsernameValidator(); // eslint-disable-line no-new
 redirectUserWithSSOIdentity();
 initConfirmDanger();

ee/app/views/groups/sso/_tabs.html.haml

-%ul.nav-links.new-session-tabs.nav-tabs.nav{ role: 'tablist' }
-  %li.nav-item{ role: 'presentation' }
-    %a.nav-link.active{ href: '#register-pane', role: 'tab', data: { toggle: 'tab', qa_selector: 'register_pane_link' } }
-      = _('Register')
+= gl_tabs_nav({ class: 'new-session-tabs' }) do
+  = gl_tab_link_to _('Register'), '#register-pane', item_active: true, data: { toggle: 'tab', qa_selector: 'register_pane_link' }
   - if ::Feature.enabled?(:convert_user_to_group_managed_accounts) && current_user && current_user.verified_email?(resource.email)
-    %li.nav-item{ role: 'presentation' }
-      %a.nav-link{ href: '#authorize-pane', role: 'tab', data: { toggle: 'tab', qa_selector: 'authorize_pane_link' } }
-        = _('Authorize')
+    = gl_tab_link_to _('Authorize'), '#authorize-pane', data: { toggle: 'tab', qa_selector: 'authorize_pane_link' }