style(france_connect_account): convert notice about FC user to DSFR

app/views/shared/dossiers/_demande.html.haml

@@ -11,9 +11,10 @@
         modifié le
         = try_format_datetime(dossier.identity_updated_at)
 
+  - if dossier.france_connect_information.present?
+    = render partial: "shared/dossiers/france_connect_informations", locals: { user_information: dossier.france_connect_information }
+
   .card
-    - if dossier.france_connect_information.present?
-      = render partial: "shared/dossiers/france_connect_informations", locals: { user_information: dossier.france_connect_information }
     = render partial: "shared/dossiers/user_infos", locals: { user_deleted: dossier.user_deleted?, email: dossier.user_email_for(:display) }
 
     - if dossier.etablissement.present?

app/views/shared/dossiers/_france_connect_informations.html.haml

@@ -1,8 +1,13 @@
-.france-connect-informations.card.featured.flex.align-center
-  .france-connect-informations-logo
-    = image_tag "logo-france-connect.png", alt: "France Connect logo"
-  %div
-    - if user_information.updated_at.present?
-      Le dossier a été déposé par le compte de #{user_information&.given_name} #{user_information&.family_name}, authentifié par France Connect le #{user_information.updated_at.strftime('%d/%m/%Y')}.
-    - else
-      Le dossier a été déposé par le compte de #{user_information&.given_name} #{user_information&.family_name}.
+.fr-tile.fr-tile--horizontal.mb-4
+  .fr-tile__body
+    %h4.fr-tile__title
+      FranceConnect
+    %p
+      - if user_information.full_name.empty?
+        = t("views.shared.dossiers.france_connect_informations.details_no_name")
+      - elsif user_information.updated_at.present?
+        = t("views.shared.dossiers.france_connect_informations.details_updated", name: user_information.full_name, date: l(user_information.updated_at.to_date, format: :default))
+      - else
+        = t("views.shared.dossiers.france_connect_informations.details", name: user_information.full_name)
+  .fr-tile__img
+    = image_tag "logo-france-connect.png", alt: "", class: "fr-responsive-img"