improve language list display

client/src/components/LeaderboardSection/components/LanguageList.jsx

@@ -121,25 +121,40 @@ const LanguageList = ({
                   key={family}
                   sx={{
                     display: "flex",
-                    flexWrap: "wrap",
+                    flexDirection: "column",
                     gap: 1,
                   }}
                 >
-                  {familyLanguages.map((lang) => {
-                    const isActive = selectedLanguage.has(lang);
-                    const count = filteredLanguageStats.get(lang) || 0;
+                  <Typography
+                    variant="caption"
+                    color="text.secondary"
+                    sx={{ fontWeight: 500 }}
+                  >
+                    {family}
+                  </Typography>
+                  <Box
+                    sx={{
+                      display: "flex",
+                      flexWrap: "wrap",
+                      gap: 1,
+                    }}
+                  >
+                    {familyLanguages.map((lang) => {
+                      const isActive = selectedLanguage.has(lang);
+                      const count = filteredLanguageStats.get(lang) || 0;
 
-                    return (
-                      <FilterTag
-                        key={lang}
-                        label={capitalize(lang)}
-                        count={count}
-                        isActive={isActive}
-                        onClick={() => onLanguageSelect(lang)}
-                        colors={LANGUAGE_COLORS}
-                      />
-                    );
-                  })}
+                      return (
+                        <FilterTag
+                          key={lang}
+                          label={capitalize(lang)}
+                          count={count}
+                          isActive={isActive}
+                          onClick={() => onLanguageSelect(lang)}
+                          colors={LANGUAGE_COLORS}
+                        />
+                      );
+                    })}
+                  </Box>
                 </Box>
               )
             )}