style(piece_justificative): use DSFR Téléchargement de fichiers for instructeurs & experts

app/assets/stylesheets/card.scss

@@ -59,7 +59,7 @@
     }
   }
 
-  ul {
+  :not(.fr-downloads-group) > ul {
     list-style-type: disc;
     list-style-position: inside;
     padding-left: $default-padding;

app/assets/stylesheets/rich_text.scss

@@ -1,6 +1,6 @@
 @import "constants";
 
-.rich-text {
+.rich-text:not(.piece_justificative) {
   i {
     font-style: italic;
   }

app/components/attachment/show_component/show_component.html.haml

@@ -1,8 +1,11 @@
-.attachment-link{ id: dom_id(attachment, :show) }
+.attachment-link.fr-download{ id: dom_id(attachment, :show) }
+  %p
     - if should_display_link?
-    = link_to url_for(attachment.blob), target: '_blank', rel: 'noopener',  title: "Télécharger la pièce jointe" do
-      %span.icon.attached
+      = link_to url_for(attachment.blob), download: "", class: "fr-download__link", title: "Télécharger la pièce jointe" do
         = attachment.filename.to_s
+        %span.fr-download__detail
+          = helpers.download_details(attachment)
+
       - if !attachment.virus_scanner.started?
         (ce fichier n’a pas été analysé par notre antivirus, téléchargez-le avec précaution)
 

app/views/shared/champs/piece_justificative/_show.html.haml

@@ -1,6 +1,8 @@
 - pj = champ.piece_justificative_file
 - if pj.attached?
+  .fr-downloads-group
+    %ul
       - pj.attachments.each do |attachment|
-    = render Attachment::ShowComponent.new(attachment:)
+        %li= render Attachment::ShowComponent.new(attachment:)
 - else
   Pièce justificative non fournie

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

@@ -15,7 +15,7 @@
       - else
         %td.libelle{ class: repetition ? 'padded' : '' }
           = "#{c.libelle} :"
-        %td.rich-text
+        %td.rich-text{ class: c.type_champ }
           %div{ class: highlight_if_unseen_class(demande_seen_at, c.updated_at) }
             - case c.type_champ
             - when TypeDeChamp.type_champs.fetch(:carte)