[FEATURE] Ajouter la barre de navigation Modulix (PIX-14864)

[clemlatz]

🍂 Problème

Les utilisateur·ices des modules ont des difficultés à se rendre compte où ils en sont dans la progression d'un module.

🌰 Proposition

Ajouter dans une barre de navigation flottante l'étape en cours et le nombre d'étapes totales.

🎃 Remarques

• La barre de progression qui existe dans la maquette sera ajoutée plus tard car elle nécessite d'ajouter une option au composant Pix UI pour permettre de masquer le pourcentage.
• Le couleur de fond de la capsule n'existe pas dans les design tokens, j'ai pris ce qui me semblait le plus proche (pix-primary-100)

🪵 Pour tester

1. Se rendre sur le didacticiel modulix
2. Constater le bon affichage de la barre de navigation à l'étape 1/10
3. Passer les grains et constater la mise à jour de l'étape courante

[pix-bot-github]

Une fois les applications déployées, elles seront accessibles via les liens suivants :

• App (.fr)
• App (.org)
• Orga (.fr)
• Orga (.org)
• Certif (.fr)
• Certif (.org)
• Junior
• Admin
• API
• Audit Logger

Les variables d'environnement seront accessibles via les liens suivants :

• scalingo front
• scalingo api
• scalingo audit-logger

[yannbertrand]

Quelques retours :

• Contenu de la navbar largeur max de 740px
• Couleur de fond à passer en --pix-primary-100 (/!\ vérifier l'accessibilité)
• Tester avec un position: sticky pour voir si ça gère mieux le soucis de la bannière "tests internes"

[yannbertrand]

LGTM 💄