structure refacto & file documentation

website/src/features/games/diablo4/Diablo4AffixCard.jsx

@@ -1,3 +1,4 @@
+// Rôle : affiche une carte d'affixe Diablo IV et ses catégories.
 import { getCategoryIconStyle, getCategoryLabel } from "./utils.js";
 
 export function Diablo4AffixCard({ affix, categoryMap }) {

website/src/features/games/diablo4/Diablo4Filters.jsx

@@ -1,3 +1,4 @@
+// Rôle : configure les filtres applicables aux affixes Diablo IV.
 import { GameFiltersPanel } from "../GameFiltersPanel.jsx";
 import { getCategoryIconStyle, getCategoryId, getCategoryLabel } from "./utils.js";
 

website/src/features/games/diablo4/Diablo4Listing.jsx

@@ -1,3 +1,4 @@
+// Rôle : affiche et filtre la liste des affixes Diablo IV.
 import { useMemo } from "react";
 import { CopyChecklistItemsButton } from "../CopyChecklistItemsButton.jsx";
 import { GameBreadcrumb } from "../GameBreadcrumb.jsx";

website/src/features/games/diablo4/Diablo4Overview.jsx

@@ -1,3 +1,4 @@
+// Rôle : affiche les raccourcis de la page d'accueil Diablo IV.
 export function Diablo4Overview({ game }) {
   const heroStyle = game?.images?.heroBg ? { "--game-hero-image": `url("${game.images.heroBg}")` } : undefined;
 

website/src/features/games/diablo4/Diablo4Page.jsx

@@ -1,3 +1,4 @@
+// Rôle : assemble le hero et les sous-pages Diablo IV.
 import { Diablo4Listing } from "./Diablo4Listing.jsx";
 import { Diablo4Overview } from "./Diablo4Overview.jsx";
 

website/src/features/games/diablo4/utils.js

@@ -1,3 +1,4 @@
+// Rôle : regroupe les helpers d'affichage et de filtrage Diablo IV.
 export function normalizeText(value) {
   return String(value || "").trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, " ");
 }