Merge branch '367115-migrate-card-profile-SSH' into 'master'

Migrate card component in the profile SSH page

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



Merged-by: Andrew Fontaine <afontaine@gitlab.com>
Approved-by: Paul Gascou-Vaillancourt <pgascouvaillancourt@gitlab.com>
Approved-by: George Koltsov <gkoltsov@gitlab.com>
Approved-by: Andrew Fontaine <afontaine@gitlab.com>
Co-authored-by: Sunjung Park <spark@gitlab.com>

app/views/profiles/keys/_key_details.html.haml

 - is_admin = defined?(admin) ? true : false
 .row.gl-mt-3
   .col-md-4
-    .card
-      .card-header
+    = render Pajamas::CardComponent.new(body_options: { class: 'gl-py-0'}) do |c|
+      - c.header do
         = _('SSH Key')
-      %ul.content-list
-        %li
-          %span.light= _('Title:')
-          %strong= @key.title
-        %li
-          %span.light= _('Created on:')
-          %strong= @key.created_at.to_s(:medium)
-        %li
-          %span.light= _('Expires:')
-          %strong= @key.expires_at.try(:to_s, :medium) || _('Never')
-        %li
-          %span.light= _('Last used on:')
-          %strong= @key.last_used_at.try(:to_s, :medium) || _('Never')
+      - c.body do
+        %ul.content-list
+          %li
+            %span.light= _('Title:')
+            %strong= @key.title
+          %li
+            %span.light= _('Created on:')
+            %strong= @key.created_at.to_s(:medium)
+          %li
+            %span.light= _('Expires:')
+            %strong= @key.expires_at.try(:to_s, :medium) || _('Never')
+          %li
+            %span.light= _('Last used on:')
+            %strong= @key.last_used_at.try(:to_s, :medium) || _('Never')
 
   .col-md-8
     = form_errors(@key, type: 'key') unless @key.valid?
     %pre.well-pre
       = @key.key
-    .card
-      .card-header
+    = render Pajamas::CardComponent.new(body_options: { class: 'gl-py-0'}) do |c|
+      - c.header do
         = _('Fingerprints')
-      %ul.content-list
-        %li
-          %span.light= 'MD5:'
-          %code.key-fingerprint= @key.fingerprint
-        - if @key.fingerprint_sha256.present?
+      - c.body do
+        %ul.content-list
           %li
-            %span.light= 'SHA256:'
-            %code.key-fingerprint= @key.fingerprint_sha256
-
+            %span.light= 'MD5:'
+            %code.key-fingerprint= @key.fingerprint
+          - if @key.fingerprint_sha256.present?
+            %li
+              %span.light= 'SHA256:'
+              %code.key-fingerprint= @key.fingerprint_sha256
 
   .col-md-12
     .float-right