Fix crypto.randomUUID not available over HTTP

Replace with a custom generateId() that works without HTTPS

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

Author: RustyRory

lucky7-app/frontend/src/app/components/GameScreen.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect } from 'react';
+import { generateId } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
@@ -345,7 +346,7 @@ export default function GameScreen({ players: initialPlayers, rules, onEnd }: Ga
       setManageError('Ce pseudo est déjà dans la partie.');
       return;
     }
-    setPlayers(prev => [...prev, { id: crypto.randomUUID(), name }]);
+    setPlayers(prev => [...prev, { id: generateId(), name }]);
     setManageInput('');
   }
 

lucky7-app/frontend/src/app/components/SingleDeviceLobby.tsx

@@ -7,6 +7,7 @@ import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@/componen
 import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';
 import GameScreen, { type RulesConfig } from './GameScreen';
+import { generateId } from '@/lib/utils';
 
 interface Player {
   id: string;
@@ -81,7 +82,7 @@ export default function SingleDeviceLobby({ onBack }: SingleDeviceLobbyProps) {
       setError('Ce pseudo est déjà dans la partie.');
       return;
     }
-    setPlayers((prev) => [...prev, { id: crypto.randomUUID(), name }]);
+    setPlayers((prev) => [...prev, { id: generateId(), name }]);
     setInput('');
   }
 

lucky7-app/frontend/src/lib/utils.ts

@@ -4,3 +4,8 @@ import { twMerge } from "tailwind-merge"
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
+
+// Fonctionne en HTTP et HTTPS (crypto.randomUUID n'est dispo qu'en HTTPS)
+export function generateId(): string {
+  return Date.now().toString(36) + Math.random().toString(36).slice(2, 9);
+}