Update protected branches buttons to pajamas style

- protected branches settings buttons
- change template button

app/views/projects/project_templates/_project_fields_form.html.haml

@@ -8,5 +8,5 @@
           .selected-icon.gl-mr-3
           .selected-template
       .input-group-append
-        %button.btn.btn-default.change-template{ type: "button" }
+        %button.btn.gl-button.btn-default.change-template{ type: "button" }
           = _('Change template')

app/views/projects/protected_branches/shared/_create_protected_branch.html.haml

@@ -23,4 +23,4 @@
           = yield :push_access_levels
       = render_if_exists 'projects/protected_branches/ee/code_owner_approval_form', f: f
     .card-footer
-      = f.submit s_('ProtectedBranch|Protect'), class: 'btn-success btn', disabled: true, data: { qa_selector: 'protect_button' }
+      = f.submit s_('ProtectedBranch|Protect'), class: 'btn-success gl-button btn', disabled: true, data: { qa_selector: 'protect_button' }

app/views/projects/protected_branches/shared/_index.html.haml

@@ -4,7 +4,7 @@
   .settings-header
     %h4
       Protected branches
-    %button.btn.js-settings-toggle.qa-expand-protected-branches{ type: 'button' }
+    %button.btn.gl-button.js-settings-toggle.qa-expand-protected-branches{ type: 'button' }
       = expanded ? 'Collapse' : 'Expand'
     %p
       Keep stable branches secure, and force developers to use merge requests. #{link_to "What are protected branches?", help_page_path("user/project/protected_branches")}

changelogs/unreleased/231064-update-settings-buttons-to-pajamas.yml

+---
+title: Update protected branches buttons to pajamas style
+merge_request: 54612
+author:
+type: other