feat: přehlednější zobrazení QR kódů, oprava zobrazení na stránce objednání

client/src/pages/OrderGroupsPage.tsx

@@ -152,12 +152,24 @@ export default function OrderGroupsPage() {
         return () => { socket.off(EVENT_MESSAGE); socket.off(EVENT_PENDING_QR); };
     }, [socket]);
 
+    // Připojení do osobní socket místnosti po přihlášení – bez toho nechodí události
+    // o nových nevyřízených platbách (QR kódy se posílají do místnosti user:<login>)
     useEffect(() => {
-        // Po znovupřipojení socketu načteme aktuálně zobrazený den (mohli jsme přijít o živé aktualizace)
-        const onReconnect = () => fetchData(selectedDateRef.current);
+        if (auth?.login) {
+            socket.emit('join', auth.login);
+        }
+    }, [auth?.login, socket]);
+
+    useEffect(() => {
+        // Po znovupřipojení socketu znovu vstoupíme do osobní místnosti a načteme aktuálně
+        // zobrazený den (mohli jsme přijít o živé aktualizace)
+        const onReconnect = () => {
+            if (auth?.login) socket.emit('join', auth.login);
+            fetchData(selectedDateRef.current);
+        };
         socket.io.on('reconnect', onReconnect);
         return () => { socket.io.off('reconnect', onReconnect); };
-    }, [socket]);
+    }, [socket, auth?.login]);
 
     // Navigace mezi dny pomocí klávesových šipek (←/→), obdobně jako na hlavní stránce
     const handleKeyDown = useCallback((e: KeyboardEvent) => {