feat: enhance documentation and UI for FullscreenButton and dev.sh commands

ai-prompts/00-welcome-agent.md

@@ -30,7 +30,7 @@ Applicazione web ottimizzata per **tablet in orizzontale** che gestisce i varchi
 
 ```
 VotoFocolari/
-├── dev.sh                    # Script di sviluppo (install, dev, server, ...)
+├── dev.sh                    # Script di sviluppo (install, dev, server, check, ...)
 ├── README.md
 ├── ai-prompts/               # Documentazione sviluppo
 │   ├── 00-welcome-agent.md   # Questo file
@@ -51,7 +51,7 @@ VotoFocolari/
     └── src/
         ├── App.tsx           # State machine principale
         ├── hooks/            # useRFIDScanner
-        ├── components/       # UI components
+        ├── components/       # UI components (Logo, UserCard, FullscreenButton, ...)
         ├── screens/          # Schermate
         ├── services/         # API client
         └── types/            # TypeScript types
@@ -95,6 +95,9 @@ VotoFocolari/
 # Frontend: http://localhost:5173
 # Backend: http://localhost:8000
 
+# Type-check TypeScript (senza build)
+./dev.sh check
+
 # Produzione locale
 ./dev.sh server
 # App completa: http://localhost:8000

ai-prompts/02-frontend-plan.md

@@ -69,21 +69,23 @@ Ottimizzata per tablet in orizzontale.
 - [x] `Input.tsx` - campo input styled + **toggle password visibility**
 - [x] `Modal.tsx` - modale base
 - [x] `RFIDStatus.tsx` - indicatore stato scanner
-- [x] `UserCard.tsx` - card utente con foto e ruolo
+- [x] `UserCard.tsx` - card utente con foto e ruolo (compatta per tablet)
 - [x] `CountdownTimer.tsx` - timer con progress bar
 - [x] `WelcomeCarousel.tsx` - carosello messaggi multilingua con **animazione smooth sliding**
 - [x] `NumLockBanner.tsx` - avviso NumLock per desktop
+- [x] `FullscreenButton.tsx` - toggle schermo intero (Fullscreen API)
 
 ### 7. Schermate (`screens/`)
 
 - [x] `LoadingScreen.tsx` - caricamento iniziale + ping automatico
-- [x] `ValidatorLoginScreen.tsx` - attesa badge + password + NumLockBanner
+- [x] `ValidatorLoginScreen.tsx` - attesa badge + password + NumLockBanner + **FullscreenButton**
 - [x] `ActiveGateScreen.tsx` - varco attivo:
     - [x] Card utente (layout largo per tablet)
     - [x] **Schermata "badge non trovato"** con countdown barra visiva (30s)
     - [x] **Pulsante "Annulla" nella schermata badge non trovato**
     - [x] **Badge diverso durante errore "non trovato" → ricarica nuovo utente/errore**
     - [x] **Notifica badge validatore ignorato**
+    - [x] **Pulsante FullscreenButton nell'header**
     - [x] NumLockBanner
 - [x] `SuccessModal.tsx` - conferma ingresso con carosello:
     - [x] **Carosello fullwidth** (nessun troncamento testo)
@@ -260,6 +262,21 @@ npm run test:e2e:headed  # Test con browser visibile
 npm run test:e2e:report  # Mostra report HTML
 ```
 
+### 12. Ottimizzazione Tablet (1080x560)
+
+- [x] Layout `h-screen` con `overflow-hidden` (no scroll) su tutte le schermate
+- [x] Header compatti: padding `p-3`, Logo `size="sm"`, testo ridotto
+- [x] Footer compatti: padding `p-2`, testo `text-xs`
+- [x] Card utente ridotta: foto `h-24/w-24` → `h-28/w-28`, testo `text-2xl/3xl`
+- [x] Spaziature e padding ridotti in tutti i box (meno `mb-`, `py-`, `p-`)
+- [x] Icone ridotte (da `w-24/h-24` a `w-16/h-16` ecc.)
+- [x] **Pulsante Fullscreen** nell'header di tutte le schermate (Fullscreen API)
+
+### 13. Comandi Dev
+
+- [x] `./dev.sh check` — Type-check TypeScript standalone (`tsc --noEmit`)
+- [x] `npm run check` — Script npm corrispondente
+
 ---
 
 ## ✅ FRONTEND COMPLETATO