Plan Task 17: Unified Navigation & Header Redesign (Drawer Sidebar)

TODO.md

@@ -340,7 +340,28 @@
 
 ---
 
-### 17. 🎧 Автономная нейро-озвучка Piper TTS и аудирование (Низкий приоритет, в конце)
+### 17. 🍔 Разгрузка хеддера и единая навигация через боковое меню / Drawer (Unified Navigation & Header Redesign)
+- [ ] **Проблема перегруженного хеддера**:
+  - В шапке скопилось 8+ кнопок (`📚 Читалка`, `🎯 Тесты CEFR`, `📖 Грамматика`, `🎓 Тренажёр`, `📊 Статистика`, `📤 Экспорт`, тема, шестеренка, профиль), на экранах планшетов и ноутбуков возникает переполнение и визуальный шум.
+  - Разрозненность UX: на десктопе все кнопки в шапке, на мобильных — нижний таб-бар + модальное меню.
+- [ ] **Единый лаконичный Header (Desktop, Tablet, Mobile)**:
+  - Слева: Кнопка вызова бокового меню (Бургер `☰` / `ph-list`), кликабельный логотип `📖 Notes` (возврат в словарь).
+  - Центр: Фокусная кнопка быстрого доступа к активному действию (например, `🎓 Тренажёр SRS` с живым счётчиком повторений `srs-badge`).
+  - Справа: Переключатель темы `🌓`, компактная плашка пользователя/аватар.
+- [ ] **Единый выдвижной Drawer (Боковое меню навигации)**:
+  - Плавная аппаратная анимация (`transform: translateX`, `backdrop-filter: blur`).
+  - Логическая группировка пунктов с красивыми иконками:
+    - **Обучение & Чтение**: Словарь, Читалка, Тесты CEFR, Грамматика Мерфи, Тренажёр SRS.
+    - **Аналитика**: Статистика обучения и календарь активности (Heatmap).
+    - **Настройки & Профиль**: Экспорт словаря, Смена пароля, Переключение темы, Выход.
+  - Закрытие по клику вне области (оверлей), кнопке `✕`, клавише <kbd>Esc</kbd> и свайпу влево на тач-устройствах (Swipe to dismiss).
+  - Блокировка скролла фона (`overflow: hidden` на `body`) при открытом Drawer.
+- [ ] **Оптимизация мобильного режима**:
+  - Согласование с Bottom Tab Bar: оставить на нижней панели только 3-4 ключевых быстрых действия либо полностью перевести навигацию в чистый Drawer-паттерн без дублирования элементов.
+
+---
+
+### 18. 🎧 Автономная нейро-озвучка Piper TTS и аудирование (Низкий приоритет, в конце)
 - [ ] Подключение локального C++ движка Piper TTS (VITS, 100% оффлайн, ~150 МБ RAM, CPU RTF 0.2).
 - [ ] Компактные модели дикторов (EN `en_US-lessac` + RU `ru_RU-dmitri`).
 - [ ] Регулировка скорости воспроизведения (0.75x для разбора сложных звуков, 1.0x, 1.25x для тренировки беглой речи).