Update Matbay à Angular 18 + fix smartphone UI

[Aezurly]

Description

📝 TL:DR

• Update à Angular 18 (avant dernière version)
  • Ces updates ont automatiquement changé énormément de fichier. J'ai aussi fait des modifications manuellement :
    • fix de beaucoup de composant Angular Materiel qui ont beaucoup changé
    • quitte à fix ces composants, update du layout pour enlever encore quelques espaces inutiles
    • rendre le dialog de notation plus similaire au cards
• Rendre Matbay utilisable sur mobile (pour noter des musiques)
  • Encore très laid, mais au moins c'est maintenant utilisable (tous les boutons nécessaires pour aller dans une constitution et noter des musiques sont accessibles et ne brisent pas trop trop le ui)
• ajout d'une commande npm run start:prod pour lancer le client en mode production plus facilement

🚀 Nouveauté du UI

Avant

Après :

🎉 Quality of life : Mobile

Déplacement des cards, dialog et navbar pour qu'elles soient toujours accessible même sur mobile.

C'est encore très laid, mais au moins c'est utilisable

Warning

Il manque le bouton pour ramener la sidebar de gauche (avec la liste des utilisateurs) sur l'écran, donc actuellement il n'est pas possible de shuffle, gérer ses musiques, ou quitter la constitution. Ça ne me semble pas être une priorité parce que je ne pense pas que ces fonctionnalités soient agréables à utiliser sur mobile anyways

Avant

🛠️ Refactoring

• Suppression de quelques <br> inutiles, ainsi que des classes css répétées placées dans styles.scss

Remarques

Note

C'est les modifications que j'avais fait la semaine dernière que j'ai rapidement terminé. Il reste encore énormément à faire pour avoir un frontend ne serait-ce qu'un peu propre, j'ai juste fait le strict minimum pour avoir une version viable avec les modifications que j'avais commencé.

[Aezurly]

En local mon npm ci npm run build passe, donc je sais pas pourquoi la pipeline fail mais il est 00:43 et cette PR m'a déjà demandé beaucoup trop de temps à gérer des problèmes de dépendances donc j'abandonne.

[Aezurly]

en fait le fix était ultra simple il fallait juste une bonne nuit de sommeil ☺️