Regrouper les pages "Pilotage d'une convention" et "Vérification d'une demande de convention" en une seule

[mdamourette]

:thinking: Contexte et problématique (et par qui est-ce remonté ?)

Ces deux pages sont approximativement les deux mêmes et affichent les mêmes données en mode lecture seule. Il faudrait harmoniser la manière d'affichage des deux pages.

Cela permettrait au passage de régler des incompréhensions de la part de nos utilisateurs : icônes sur les informations oui/non, tableaux DSFR non fermés, affichage des horaires, …

:tada: Proposition de solution

• Lien des maquettes
• Prototype de la page de pilotage
• Prototype de la page de vérification

Exemple d'une page : https://github.com/user-attachments/assets/cd9a43ea-9d8a-4878-96de-972d11f5585e

À faire dans ce ticket :

• [ ] Faire la version mobile
• [ ] Aucune alerte ne doit apparaitre dans la barre d'action. Il y aura soit des toasters pour les messages qui ne nécessite aucune action (succès de suppression, de modification, …) ou une modale quand une action est nécessaire (rediffusion SI, …)
• [ ] Deux SplitButton sont à créer : "Annuler la demande" et Gérer la synchronisation"
• [ ] Le bouton "Rediffuser dans votre Si" n'apparait que dans les conventions en erreur
• [ ] Ajouter un statut "Erreur de synchronisation" et ajouter les boutons liées à cette erreur

🏅 Critères de succès

• Taux de conversion entre l'étape "Vérifier la demande" et "Demande envoyée" (ne doit pas baisser)
• Taux de conversion du formulaire
• Taux de convention en erreur (si la relecture n'est pas bien faite)

[gargagif]

@JeromeBu a des suggestion concernant la barre d'actions, à clarifier avec @mdamourette

[3lodi3]

Je viens de voir un truc qui m'avait échappé en regardant les maquettes, désolée j'ai pas été assez attentive. Il faudrait éviter le bleu sur les titres s'ils ne sont pas cliquables et privilégier la couleur dédiée aux titres non cliquables ($text-tilte-grey) @mdamourette @celineung