Redesign display admin show page and public waiting-area screen.

Add corporate layout, live preview, URL copy, queue details, and a polished TV display with clock, stats sidebar, and branded now-serving cards.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/js/kiosk-flow.js

@@ -99,6 +99,8 @@ export function registerKioskFlow(Alpine) {
         isAnnouncing: false,
         speechReady: false,
         voices: [],
+        clock: '',
+        dateLabel: '',
         dataUrl: typeof config === 'string' ? config : config.dataUrl,
         playedUrlTemplate: config.playedUrl ?? null,
         pollMs: config.pollMs ?? 1200,
@@ -267,6 +269,8 @@ export function registerKioskFlow(Alpine) {
 
         init() {
             this.primeSpeech();
+            this.updateClock();
+            setInterval(() => this.updateClock(), 1000);
 
             try {
                 if (sessionStorage.getItem(DISPLAY_AUDIO_KEY) === '1') {
@@ -279,6 +283,16 @@ export function registerKioskFlow(Alpine) {
             this.poll();
             setInterval(() => this.poll(), this.pollMs);
         },
+
+        updateClock() {
+            const now = new Date();
+            this.clock = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+            this.dateLabel = now.toLocaleDateString([], {
+                weekday: 'long',
+                month: 'long',
+                day: 'numeric',
+            });
+        },
     }));
 
     Alpine.data('mobileTracker', (pollUrl) => ({