Migrate to React/Vite & Sass

website/src/features/games/GamesPage.jsx

@@ -0,0 +1,35 @@
+export function GamesPage({ games, gamesError }) {
+  return (
+    <>
+      <section className="page-heading">
+        <div>
+          <p className="eyebrow">Pages informatives</p>
+          <h1>Jeux disponibles</h1>
+          <p>Choisissez un jeu pour consulter ses données maintenues et associer une toolbox locale.</p>
+        </div>
+      </section>
+      <section className="game-list">
+        {games.length ? games.map((game) => (
+          <article className="card game-card" key={game.id}>
+            <div className="card-cover game-card-cover" style={{ "--game-cover": game.cover || "var(--gradient-nebula)" }}>
+              <img src={game.image || ""} alt={game.title} loading="lazy" />
+            </div>
+            <div className="card-body">
+              <p className="eyebrow">{game.eyebrow || "Guide de jeu"}</p>
+              <h2>{game.title}</h2>
+              <p>{game.summary}</p>
+              <div className="card-actions">
+                <a className="button primary" href={`#/games/${game.id}`}>Ouvrir</a>
+              </div>
+            </div>
+          </article>
+        )) : (
+          <div className="empty">
+            <h2>Aucun jeu disponible</h2>
+            <p>{gamesError || "Ajoutez des entrées dans /data/games.json."}</p>
+          </div>
+        )}
+      </section>
+    </>
+  );
+}