Migrate to React/Vite & Sass

website/src/features/games/GameRoute.jsx

@@ -0,0 +1,30 @@
+import { GamesPage } from "./GamesPage.jsx";
+import { MhwildsPage } from "./mhwilds/MhwildsPage.jsx";
+
+export function GameRoute(props) {
+  const { gameId, games } = props;
+  const game = games.find((item) => item.id === gameId);
+
+  if (!game) return <GamesPage {...props} />;
+  if (game.id === "mhwilds") return <MhwildsPage {...props} />;
+
+  return (
+    <>
+      <section className="game-hero" style={{ background: game.cover }}>
+        <div>
+          <p className="eyebrow">{game.eyebrow || "Guide de jeu"}</p>
+          <h1>{game.title}</h1>
+          <p>{game.summary}</p>
+        </div>
+      </section>
+      <section className="info-grid">
+        {game.sections.map((section) => (
+          <article className="info-panel" key={section.title}>
+            <h2>{section.title}</h2>
+            <ul>{section.items.map((item) => <li key={item}>{item}</li>)}</ul>
+          </article>
+        ))}
+      </section>
+    </>
+  );
+}