Migrate bs-callout to alert components in lets_encrypt_callout

app/views/projects/pages_domains/_lets_encrypt_callout.html.haml

@@ -4,21 +4,22 @@
       .form-group.border-section.js-shown-if-auto-ssl{ class: ("d-none" unless auto_ssl_available_and_enabled) }
         .row
           .col-sm-10.offset-sm-2
-            .bs-callout.bs-callout-warning.mt-0
-              .row.gl-align-items-center.mx-2
-                = sprite_icon('warning-solid', css_class: ' mr-2 gl-text-orange-600')
+            = render Pajamas::AlertComponent.new(dismissible: false, variant: :warning) do |c|
+              - c.with_body do
                 = _("Something went wrong while obtaining the Let's Encrypt certificate.")
-              .row.mx-0.mt-3
-                = link_button_to s_('GitLabPagesDomains|Retry'), retry_auto_ssl_project_pages_domain_path(@project, domain_presenter), class: 'btn-grouped', method: :post, size: :small
+              - c.with_actions do
+                = link_button_to s_('GitLabPagesDomains|Retry'), retry_auto_ssl_project_pages_domain_path(@project, domain_presenter), method: :post, size: :small
     - elsif !domain_presenter.certificate_gitlab_provided?
       .form-group.border-section.js-shown-if-auto-ssl{ class: ("d-none" unless auto_ssl_available_and_enabled) }
         .row
           .col-sm-10.offset-sm-2
-            .bs-callout.bs-callout-info.mt-0
-              = _("GitLab is obtaining a Let's Encrypt SSL certificate for this domain. This process can take some time. Please try again later.")
+            = render Pajamas::AlertComponent.new(dismissible: false, show_icon: false) do |c|
+              - c.with_body do
+                = _("GitLab is obtaining a Let's Encrypt SSL certificate for this domain. This process can take some time. Please try again later.")
 - else
   .form-group.border-section.js-shown-if-auto-ssl{ class: ("d-none" unless auto_ssl_available_and_enabled) }
     .row
       .col-sm-10.offset-sm-2
-        .bs-callout.bs-callout-warning.mt-0
-          = _("A Let's Encrypt SSL certificate can not be obtained until your domain is verified.")
+        = render Pajamas::AlertComponent.new(dismissible: false, variant: :warning, show_icon: false) do |c|
+          - c.with_body do
+            = _("A Let's Encrypt SSL certificate can not be obtained until your domain is verified.")