Correction de la gestion des routes et des genres avec des caractères spéciaux dans `RankingsPage.js` et `TopGames.js`

Description :

Des problèmes ont été rencontrés dans les fichiers RankingsPage.js concernant la gestion des routes et des genres contenant des caractères spéciaux, tels que les espaces ( ), les barres obliques (/) ou les apostrophes (').

Plus précisément :

• Problème dans RankingsPage.js : Les noms de genres n'étaient pas correctement encodés lors de la génération des liens, entraînant des problèmes de routage pour des genres comme "Hack and slash / Beat 'em up".

Étapes pour reproduire :

1. Accédez à la page des classements.

2. Cliquez sur un genre contenant des caractères spéciaux (par exemple, Hack and slash / Beat 'em up). Observez les erreurs suivantes :

3. No routes matched location "/classement/Hack%20and%20slash%20/%20Beat%20'em%20up" dans la console du navigateur.

Échec des requêtes backend en raison de paramètres incorrects.

Solution proposée : Correction dans RankingsPage.js: Ajouter encodeURIComponent() (ligne 33)

<Link to={`/classement/${encodeURIComponent(ranking)}`} className="ranking-link">
  Les meilleurs jeux du genre <span className="ranking-genre">{ranking}</span>
</Link>