Merge branch '367140-protected-tags-pajamas-card' into 'master'

Migrate "Protect a tag" card to ViewComponent

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/98807



Merged-by: Robert Hunt <rhunt@gitlab.com>
Approved-by: Janis Altherr <jaltherr@gitlab.com>
Approved-by: Robert Hunt <rhunt@gitlab.com>
Co-authored-by: Paul Gascou-Vaillancourt <paul.gascvail@gmail.com>

app/views/projects/protected_tags/shared/_create_protected_tag.html.haml

 = form_for [@project, @protected_tag], html: { class: 'new-protected-tag js-new-protected-tag' } do |f|
   %input{ type: 'hidden', name: 'update_section', value: 'js-protected-tags-settings' }
-  .card
-    .card-header
+  = render Pajamas::CardComponent.new do |c|
+    - c.header do
       = _('Protect a tag')
-    .card-body
+    - c.body do
       = form_errors(@protected_tag)
       .form-group.row
         = f.label :name, _('Tag:'), class: 'col-md-2 text-left text-md-right'
@@ -19,5 +19,5 @@
           .create_access_levels-container
             = yield :create_access_levels
 
-    .card-footer
+    - c.footer do
       = f.submit _('Protect'), class: 'gl-button btn btn-confirm', disabled: true, data: { qa_selector: 'protect_tag_button' }