Ajoute glisser-déposer, randomisation et tags @pseudo sur /char/questions

Réordonnancement par glisser-déposer (@dnd-kit, support tactile natif
pour une page pilotée depuis un téléphone) en complément des flèches
existantes, bouton de randomisation de l'ordre (confirmation à deux
temps), et tags @pseudo dans le texte des questions — détectés par
correspondance de texte (aucune colonne dédiée), avec autocomplétion
à la frappe, mise en évidence dans la liste et sur /char, et un
panneau de répartition des tags par membre.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/app/char/questions/page.tsx

@@ -23,6 +23,12 @@ export type SubmissionHistoryRow = {
   created_at: string;
 };
 
+export type ProfileRow = {
+  id: string;
+  pseudo: string;
+  avatar_url: string | null;
+};
+
 export default async function CharQuestionsPage() {
   const supabase = await createClient();
   const {
@@ -71,6 +77,14 @@ export default async function CharQuestionsPage() {
     .select("user_id, text, created_at")
     .order("created_at", { ascending: false });
 
+  // Tout le monde (Archontes compris, comme pour les emplacements du Char
+  // lui-même — voir chariot_slots) peut être visé par un tag "@pseudo" dans
+  // une question.
+  const { data: profiles } = await supabase
+    .from("profiles")
+    .select("id, pseudo, avatar_url")
+    .order("pseudo", { ascending: true });
+
   return (
     <div className="mx-auto w-full max-w-2xl px-4 py-8">
       <div className="mb-6 text-center">
@@ -90,6 +104,7 @@ export default async function CharQuestionsPage() {
         initialRevealedId={settings?.chariot_revealed_question_id ?? null}
         initialSubmissions={submissions ?? []}
         initialSubmissionHistory={submissionHistory ?? []}
+        profiles={profiles ?? []}
       />
     </div>
   );