feat: ajout structure projet + config Node 20

components/tutorials/DifficultyBadge.tsx

@@ -0,0 +1,21 @@
+import type { Tutorial } from "@/lib/tutorials";
+
+const colors: Record<string, string> = {
+    Débutant: "bg-emerald-500/20 text-emerald-400 border-emerald-500/30",
+    Intermédiaire: "bg-amber-500/20 text-amber-400 border-amber-500/30",
+    Avancé: "bg-rose-500/20 text-rose-400 border-rose-500/30",
+};
+
+interface DifficultyBadgeProps {
+    level: Tutorial["difficulty"];
+}
+
+export function DifficultyBadge({ level }: DifficultyBadgeProps) {
+    return (
+        <span
+            className={`px-2 py-0.5 text-xs font-mono border rounded ${colors[level]}`}
+        >
+            {level}
+        </span>
+    );
+}