[TICKET] Ajouter "Mes groupes" sur la page d'accueil

[hydrielax]

Description

Ajouter une section "Mes groupe" sur la page d'accueil. Cette section affichera tous les groupes dont l'utilisateur connecté est membre, sans distinction du type de groupe (club, liste BDX, coloc...)

Definition of done

Le ticket sera déclaré terminé si :

• [ ] Sur la page d'accueil, je vois une section "Mes groupes" qui affiche tous les groupes dont je suis membre
• [ ] Lorsque je clique sur un groupe, je suis redirigé vers sa page
• [ ] À côté du titre de la section, un bouton "Voir tous" me redirige vers la page des groupes
• [ ] L'avatar ET les textes en dessous doivent tous être cliquables, et dans le même élément Link : l'élément peut être masqué par défaut (on ne voit que l'icône et les textes) mais l'élément doit être très clairement visible lorsque l'élément est focusé (ie avec la touche Tab du clavier), par exemple en ajoutant une bordure tout autour

Stratégie technique

• [ ] Créer un nouveau composant dans la page Home
• [ ] Récupérer la liste des groupes via le endpoint de l'api http://localhost:8000/api/group/group/?is_member=true (créer un nouveau hook qui appelle la méthode getGroupList)
• [ ] Limiter le nombre de groupes aux 10 premiers afin de ne pas surcharger l'interface
• [ ] Créer un nouveau composant GroupItem dans modules/group/view, qui, étant donné un objet de type GroupPreview, affiche le logo du groupe, sous le logo la propriété shortName, et sous le shortName le type du group (s'inspirer du design des groupes sur la page des listes BDX : https://nantral-platform.fr/group/liste/)
• [ ] Pour le logo, utiliser le composant Avatar de shared/components et le modifier pour lui passer une taille en nombre en plus des options actuelles