Merge branch 'nl-migrate-dashboard-buttons' into 'master'

Migrates buttons to Pajamas

See merge request !105918



Merged-by: Coung Ngo <cngo@gitlab.com>
Approved-by: Artur Fedorov <afedorov@gitlab.com>
Approved-by: Matthew Nearents <mnearents@gitlab.com>
Approved-by: Coung Ngo <cngo@gitlab.com>
Co-authored-by: Nick Leonard <nleonard@gitlab.com>

app/views/dashboard/_activities.html.haml

 .nav-block.activities
   = render 'shared/event_filter'
   .controls
-    = link_to dashboard_projects_path(rss_url_options), class: 'btn gl-button btn-default btn-icon d-none d-sm-inline-flex has-tooltip', title: 'Subscribe' do
-      = sprite_icon('rss', css_class: 'gl-icon')
+    = render Pajamas::ButtonComponent.new(href: dashboard_projects_path(rss_url_options), icon: 'rss', button_options: { title: _('Subscribe'), aria: { label: _('Subscribe') }, class: 'gl-display-none gl-sm-display-inline-flex' })
 
 .content_list
 .loading

app/views/dashboard/_projects_head.html.haml

@@ -9,7 +9,8 @@
 
   - if current_user.can_create_project?
     .page-title-controls
-      = link_to _("New project"), new_project_path, class: "gl-button btn btn-confirm", data: { qa_selector: 'new_project_button' }
+      = render Pajamas::ButtonComponent.new(href: new_project_path, variant: :confirm, button_options: { data: { qa_selector: 'new_project_button' } }) do
+        = _("New project")
 
 .top-area
   .scrolling-tabs-container.inner-page-scroll-tabs.gl-flex-grow-1.gl-min-w-0.gl-w-full

app/views/dashboard/_snippets_head.html.haml

@@ -4,7 +4,8 @@
   - if current_user && current_user.snippets.any? || @snippets.any?
     .page-title-controls
       - if can?(current_user, :create_snippet)
-        = link_to _("New snippet"), new_snippet_path, class: "gl-button btn btn-confirm", title: _("New snippet")
+        = render Pajamas::ButtonComponent.new(href: new_snippet_path, variant: :confirm, button_options: { title: _("New snippet") }) do
+          = _("New snippet")
 
 .top-area
   = gl_tabs_nav({ class: 'gl-border-0' }) do