feat: aggiornamenti alla documentazione e miglioramenti UI/UX

frontend/src/components/WelcomeCarousel.tsx

@@ -30,11 +30,11 @@ interface WelcomeCarouselProps {
     paused?: boolean;
     /** Nome dell'utente da visualizzare (opzionale) */
     userName?: string;
-    /** Intervallo tra i messaggi in ms (default 800) */
+    /** Intervallo tra i messaggi in ms (default 1200 - più lento per effetto rilassante) */
     intervalMs?: number;
 }
 
-export function WelcomeCarousel({paused = false, userName, intervalMs = 800}: WelcomeCarouselProps) {
+export function WelcomeCarousel({paused = false, userName, intervalMs = 1200}: WelcomeCarouselProps) {
     const [currentIndex, setCurrentIndex] = useState(0);
 
     useEffect(() => {
@@ -50,15 +50,15 @@ export function WelcomeCarousel({paused = false, userName, intervalMs = 800}: We
     const currentMessage = WELCOME_MESSAGES[currentIndex];
 
     return (
-        <div className="flex flex-col items-center justify-center text-center w-full max-w-4xl mx-auto px-4">
-            {/* Container con overflow hidden per animazione slide - altezza maggiore per testi lunghi */}
-            <div className="relative h-40 md:h-52 w-full overflow-hidden">
+        <div className="flex flex-col items-center justify-center text-center w-full px-4">
+            {/* Container fullwidth con overflow hidden per animazione slide */}
+            <div className="relative h-44 md:h-56 w-full overflow-hidden">
                 {/* Messaggio corrente */}
                 <div
                     key={currentIndex}
                     className="absolute inset-0 flex flex-col items-center justify-center animate-slide-in-up"
                 >
-                    <h1 className="text-5xl md:text-7xl lg:text-8xl font-bold text-white mb-2 drop-shadow-lg whitespace-nowrap">
+                    <h1 className="text-5xl md:text-7xl lg:text-8xl font-bold text-white mb-2 drop-shadow-lg">
                         {currentMessage.text}
                     </h1>
                     <p className="text-lg text-white/60 uppercase tracking-wider">

frontend/src/screens/ActiveGateScreen.tsx

@@ -130,7 +130,16 @@ export function ActiveGateScreen({
                         </div>
                         <p className="text-2xl text-gray-700 mb-2">Utente con badge:</p>
                         <p className="text-3xl font-bold text-error font-mono mb-4">{notFoundBadge}</p>
-                        <p className="text-2xl text-gray-700">non trovato nel sistema</p>
+                        <p className="text-2xl text-gray-700 mb-8">non trovato nel sistema</p>
+
+                        {/* Cancel Button */}
+                        <Button
+                            variant="secondary"
+                            size="lg"
+                            onClick={onCancelUser}
+                        >
+                            ✕ Annulla
+                        </Button>
                     </div>
                 ) : error ? (
                     // Error state

frontend/src/screens/SuccessModal.tsx

@@ -54,7 +54,7 @@ export function SuccessModal({
                 </div>
 
                 {/* Carosello Messaggi Benvenuto */}
-                <WelcomeCarousel userName={userName} intervalMs={carouselIntervalMs} />
+                <WelcomeCarousel userName={userName} intervalMs={carouselIntervalMs}/>
 
                 {/* Sub text */}
                 <p className="text-2xl md:text-3xl text-white/80 mt-8 animate-fade-in">