Документация по переносу компонента Dashboard (Основной блок)

Общая структура компонента в React

Файл: client/src/pages/Dashboard.tsx
Тип: Функциональный компонент React с useState, useSelector, useDispatch, хуками (useAuth, useWebSocketNew, usePauseSystem, useNotifications, useIsMobile).
Зависимости: react-redux, lucide-react (AlertTriangle), Tailwind CSS, компоненты (GamePort, BottomPanel, BurgerMenu, AppHeader, модалы).
Template (JSX): div с class "h-screen bg-slate-800 flex flex-col" (мобильный: "mobile-dashboard"), onClick для clearMoving. Включает AppHeader, уведомления (пауза, pending игры, смена), основную область с grid портов (3x2 на десктоп, адаптив на мобильный), модалы (