Affiche la section des pièces jointes en haut pour les instructrices et viseuses

[alemangui]

Closes #1559

Contexte

L'affichage des pièces jointes n'était pas adapté pour les instructrices et viseuses, qui ont besoin d'une interface plus compacte en haut de l'onglet produit.

UI

Vu que la page DeclarationSummary est partagée entre pro, instructrice et viseuse, j'ai ajouté un paramètre useCompactAttachmentView. Lors qu'il est à true, la section des pièces jointes utilise un DsfrFileDownload et remonte en haut.

Certains fichiers en base de données ont des noms très longs, j'ai donc ajouté une fonction dans utils/string.js qui permet de remplacer le milieu d'une chaîne de caractères par … afin de s'assurer que ladite chaîne ne dépasse pas une certaine longueur. La raison pour laquelle on coupe le milieu et non pas la fin est que normalement l'extension du fichier est une information utile placée à la fin du nom de fichier.

L'endroit du DsfrFileDownload où d'habitude on trouve l'extension du fichier affiche le type de pièce jointe - une information plus utile afin de repérer les étiquettes du reste. De plus, l'extension du fichier est dans le nom.

Backend

Le DsfrFileDownload affiche également le la taille du fichier, que j'ai du ajouter dans le serializer des pièces jointes et dans le modèle en tant que propriété.

J'en ai profité pour ajouter (au modèle seulement) une propriété pour le format/extension dans le cas ou d'autres endroits de l'application utilisent le DsfrFileDownload et veulent afficher l'extension directement de l'API. Cette propriété n'est pas exposé pour l'instant dans le serializer.

Démo