feat(stats): add stats page and pile trend

Show the stat groups on /stats, the pile trend on the dashboard card,
one switch per group in the settings, and the shared groups on the
public profile.

src/pages/PublicProfilePage.jsx

@@ -10,6 +10,12 @@ import GameStatusBadge, {STATUS_META} from '../components/GameStatusBadge.jsx';
 import {GAME_STATUSES} from '../utils/backlog.js';
 import {formatPlaytime} from '../utils/games.js';
 import PageContainer from '../components/PageContainer.jsx';
+import PileStats from '../components/stats/PileStats.jsx';
+import TrendStats from '../components/stats/TrendStats.jsx';
+import TopGamesStats from '../components/stats/TopGamesStats.jsx';
+import TasteStats from '../components/stats/TasteStats.jsx';
+import HabitsStats from '../components/stats/HabitsStats.jsx';
+import FinishedStats from '../components/stats/FinishedStats.jsx';
 
 /**
  * Public, no login. Auth returns a short-lived ticket for a public profile; Core returns the data for it.
@@ -181,6 +187,22 @@ export default function PublicProfilePage() {
                     </ul>
                 </Card>
             )}
+
+            {library.stats && <SharedStats stats={library.stats}/>}
         </PageContainer>
     );
 }
+
+// Only the groups the user shares come back; the game rows do not link, the library pages are private.
+function SharedStats({stats}) {
+    return (
+        <div className="grid gap-6 md:grid-cols-2">
+            {stats.pile && <PileStats pile={stats.pile} linked={false}/>}
+            {stats.trend && <TrendStats trend={stats.trend}/>}
+            {stats.topGames && <TopGamesStats topGames={stats.topGames} linked={false}/>}
+            {stats.taste && <TasteStats taste={stats.taste}/>}
+            {stats.habits && <HabitsStats habits={stats.habits}/>}
+            {stats.finished && <FinishedStats finished={stats.finished}/>}
+        </div>
+    );
+}