Migration des icônes RDV usager au DSFR

[AntoineGirard]

Contexte

On continue à se débarasser des icônes font awesome dans l’interface usager.

Solution

• On change tous les icônes
• On en profite pour remplacer un bouton Bootstrap par un bouton DSFR
• On utilise des badges DSFR pour les tags « À venir » et « Annulé »

À discuter dans une autre PR avec le trio, est-ce qu’on n'afficherait pas des intitulés plutôt qu'uniquement les pictos ?

Captures d'écran

Avant	Après

[adipasquale]

✅ nickel merci beaucoup, rien à redire.

parfait cette taille de PR 🙇

[victormours]

pour les motifs côté agents dans le menu de gauche, on a commencé à utiliser .fr-icon-draft-fill, peut-être qu'on peut faire ça ici aussi (voir #4916)

[victormours]

Et pour les lieux dans le menu de gauche, on utilise .fr-icon-building-fill, peut-être que ça serait bien d'uniformiser ici aussi

[victormours]

et peut-être que ça pourrait être utile d'avoir un petit helper qui permette de faire un truc dans ce genre :

Suggested change

	span.fr-icon.fr-icon-phone-fill.fr-mr-1w[aria-hidden="true"]
	= dsfr_icon("fr-icon-phone-fill", class: "fr-mr-1w")

et pour faciliter l'utilisation de la bonne icône, on pourrait même avoir des versions spécifiques de ce helper pour les icônes dont on a fixé la sémantique du genre

def dsfr_icon_for_motifs(class: nil)
  dsfr_icon("fr-icon-draft-fill", class:)
end

[AntoineGirard]

Yes effectivement, j'y ai pensé et c’est dans ma todo
Je n'ai pas encore proposé d’implémentation parce que ça me semblait curieux qu’on soit toujours obligé de faire ça, mais je n’ai pas encore trouvé de meilleurs moyens nativement dans le DSFR
Je ferai certainement ça dans une PR prochainement