feat(stats): status donut, meters and fixed chart colors

Pie and donut charts use one fixed color-blind safe palette in every
skin and accent. The overview and the profile status tile show a status
donut with the total in the middle. Habits and achievements get meter
bars, top games get share bars, the pile of shame bar uses the palette.

src/components/stats/TopGamesStats.jsx

@@ -10,6 +10,7 @@ import {formatPlaytime} from '../../utils/games.js';
 export default function TopGamesStats({topGames, linked = true}) {
     const {t} = useTranslation();
     const drill = useStatDrill();
+    const max = Math.max(1, ...topGames.mostPlayed.map((g) => g.minutes));
     return (
         <StatsSection title={t('STATS.TOP_GAMES.TITLE')} icon={Trophy}>
             {topGames.mostPlayed.length === 0 ? (
@@ -17,7 +18,8 @@ export default function TopGamesStats({topGames, linked = true}) {
             ) : (
                 <ol className="space-y-2">
                     {topGames.mostPlayed.map((g) => (
-                        <li key={g.appid}><GameRow game={g} value={formatPlaytime(g.minutes)} linked={linked}/></li>
+                        <li key={g.appid}><GameRow game={g} value={formatPlaytime(g.minutes)} linked={linked}
+                                                share={g.minutes / max}/></li>
                     ))}
                 </ol>
             )}