fix leaderboard card emoji

client/package.json

@@ -16,6 +16,7 @@
     "@mui/material": "^6.4.0",
     "@tanstack/react-query": "^5.64.1",
     "axios": "^1.7.9",
+    "grapheme-splitter": "^1.0.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^7.1.2"

client/src/components/LeaderboardSection/components/LeaderboardCard.jsx

@@ -3,6 +3,7 @@ import { Card, CardContent, Typography, Box, Stack } from "@mui/material";
 import FavoriteBorderIcon from "@mui/icons-material/FavoriteBorder";
 import { alpha } from "@mui/material/styles";
 import { useLeaderboard } from "../../../context/LeaderboardContext";
+import GraphemeSplitter from "grapheme-splitter";
 
 const LeaderboardCard = ({ leaderboard }) => {
   const {
@@ -49,8 +50,19 @@ const LeaderboardCard = ({ leaderboard }) => {
     return `${diffDays} days ago`;
   };
 
-  // Séparer les emojis s'il y en a plusieurs
-  const emojis = card_data.emoji?.trim().split(/\s+/) || ["🎯"];
+  // Récupérer uniquement le dernier emoji
+  const getLastEmoji = () => {
+    if (!card_data.emoji) return "🎯";
+
+    // Utiliser GraphemeSplitter pour diviser correctement les emojis
+    const splitter = new GraphemeSplitter();
+    const graphemes = splitter.splitGraphemes(card_data.emoji);
+
+    // Retourner le dernier graphème (emoji)
+    return graphemes.length > 0 ? graphemes[graphemes.length - 1] : "🎯";
+  };
+
+  const lastEmoji = getLastEmoji();
 
   // Obtenir la description à afficher
   const displayDescription =
@@ -245,11 +257,7 @@ const LeaderboardCard = ({ leaderboard }) => {
                   card_data.title || leaderboard.id
                 )}
               </Typography>
-              <Box sx={{ fontSize: "1.5rem" }}>
-                {emojis.map((emoji, index) => (
-                  <span key={index}>{emoji}</span>
-                ))}
-              </Box>
+              <Box sx={{ fontSize: "1.5rem" }}>{lastEmoji}</Box>
             </Box>
             {displayDescription && (
               <Typography

client/yarn.lock

@@ -1633,6 +1633,11 @@ gopd@^1.0.1, gopd@^1.2.0:
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
   integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
+grapheme-splitter@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
+  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
+
 has-bigints@^1.0.2:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"