add dsfr callout

app/assets/stylesheets/card_admin.scss

@@ -4,3 +4,7 @@
 .fr-tile-subtitle {
   min-height: 7rem;
 }
+
+.card-welcome {
+  margin: 30px auto;
+}

app/views/administrateurs/procedures/new_from_existing.html.haml

@@ -1,7 +1,9 @@
 .container
   - if current_administrateur.procedures.brouillons.count == 0
-    .card.feedback
-      .card-title
+    .card-welcome
+      = render Dsfr::CalloutComponent.new(title: nil, icon: "fr-icon-information-line") do |c|
+        - c.with_html_body do
+          %p
             Bienvenue,
             %br
             vous allez pouvoir créer une première démarche de test.
@@ -19,13 +21,11 @@
             = link_to "documentation en ligne",
               ADMINISTRATEUR_TUTORIAL_URL,
               target: "_blank"
-
             %br
             > Vous pouvez enfin
             = link_to "prendre un rendez-vous téléphonique avec nous",
               CALENDLY_URL,
               target: "_blank"
-
       :javascript
         document.addEventListener("DOMContentLoaded", function() {
           $crisp.push(["do", "trigger:run", ["admin-signup"]]);