[Design] Amélioration de l'UI des tooltips

[ThibautChd]

L'objectif est d'améliorer l'apparence des différents tooltip de Cyclopolis pour les rendre plus modernes et pratiques, en y ajoutant quelques fonctionnalités, sous réserve de faisabilité technique.

Tooltip tronçon

• Angles arrondis
• Gestion de l'affichage de plusieurs Voies Lyonnaises sur les tronçons communs
• Centrage de la partie Tronçon pour la rendre plus visible
• Création de gellules pour standardiser l'état de chaque tronçon :
• Ajout d'une partie inférieure pour faire un lien vers la partie précise de la description de ce tronçon dans la page de la Voie Lyonnaise (cf. issue #236)

Tooltip image

• Angles arrondis
• Centrage du titre
• Ajout de la pastille ronde en contour blanc avec le numéro de la Voie Lyonnaise
• Ajout d'un commentaire en partie basse qui décrit quelle rue est illustré et dans quelle commune. Il s'agit de la description de la même image dans la détail de la Voie Lyonnaise auquel on a retiré tout ce qui se situe avant le " - "

Tooltip compteur

• Ajout du libellé "Compteur vélo" pour lever toute ambiguïté de lecture
• Centrage de la date, et mise en valeur dans un rectangle gris clair pour mieux la distinguer du chiffre
• Possibilité de naviguer vers la période précédente/suivante via des flèches aux extrémités (le dernier mois disponible reste affiché par défaut)
• Possibilité de basculer d'un affichage mensuel à un affichage annuel, en cliquant sur la date (dans ce cas, c'est la dernière année pleine disponible qui s'affiche)
• Ajout d'un pictogramme vélo et du libellé "en moyenne" pour lever toute ambigüité.
• Mise en valeur du chiffre avec une typo plus grosse en gras, et arrondi à 25 près (idem Distance)
• Ajout de gélule pour les records, avec un distinguo entre les records mensuels et les records absolus en affichage mensuel

[benoitdemaegdt]

Tooltip tronçon : c'est fait ✅
Tooltip perspective : c'est fait sur la VL1
Tooltip compteur : c'est fait, sans les records

[ThibautChd]

Suite à l'Issue #321 sur l'évolution de la page compteur, le tooltip compteur doit légèrement évoluer pour s'adapter à l'arrivée des compteurs voitures.

Les modifications sont les suivantes :

• le sous-titre "Compteur vélo" devient "Compteur trafic"
• la gélule de record abandonné par son ergonomie est remplacé par un icone médaille sur le côté droit (iconoir:medal-1st-solid)
• en cas de compteur mixte, la tooltip affiche deux lignes pour chaque mode