Implémente le site Plein R (Accueil + Backend) sur Next.js + Postgres + Docker

Application unique Next.js (App Router, TypeScript) servant :
- Accueil public : héro, recherche, métiers, promotions, mises à l'honneur
  (données issues de Postgres)
- Backend authentifié avec RBAC : tableau de bord, adhérents (CRUD), modération
  des promotions, administrateurs, espace adhérent (publication avec aperçu)

Technique :
- Drizzle ORM + drizzle-kit (migrations versionnées) sur driver pg
- Auth.js v5 (credentials, sessions JWT), rôles admin/moderator/editor/member
- Middleware de protection de /backend + gardes par rôle dans chaque vue
- Server actions pour toutes les mutations (vérif auth + capacité + revalidate)
- Design fidèle aux maquettes (design-system CSS, animations, responsive)

Conteneurisation :
- 1 conteneur applicatif (sortie standalone) + 1 conteneur Postgres externe
- docker-compose avec healthcheck ; migrations + seed au démarrage
- scripts migrate/seed bundlés (esbuild) pour un runtime sans devDeps

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XwfhYHzC9hQWPDnQ2p53GL

src/components/Sparkle.tsx

@@ -0,0 +1,31 @@
+import type { CSSProperties } from "react";
+
+export function Sparkle({
+  color,
+  size,
+  style,
+  duration = 3.2,
+  delay = 0,
+}: {
+  color: string;
+  size: number;
+  style?: CSSProperties;
+  duration?: number;
+  delay?: number;
+}) {
+  return (
+    <span
+      aria-hidden
+      className="sparkle twinkle"
+      style={{
+        position: "absolute",
+        width: size,
+        height: size,
+        background: color,
+        animationDuration: `${duration}s`,
+        animationDelay: `${delay}s`,
+        ...style,
+      }}
+    />
+  );
+}