feat: завершить миграцию фронтенда на React (этапы 1-5)

Админка, настройки, логин, кабинеты преподавателя и студента
полностью переведены на React 19 (модель strangler, docs/REACT_MIGRATION.md).

- 15 вкладок админки: lazy-загрузка, общий error boundary, сервисный слой
- Удалены legacy-views и переходный слой LegacyTabView (45 файлов)
- Сборка esbuild (frontend/scripts/build-react.mjs) с бюджетами gzip на чанки
- CSP-хэши, кэширование: chunk'и immutable, CSS/HTML no-cache (react-cache.conf)
- Фиксы: lazy-импорт именованных экспортов (краш после авторизации),
  растяжение #admin-root/#settings-root на всю ширину,
  возврат subjects/lessonTypes из справочников (краш просмотра расписаний),
  отказ от заведомо широкого поиска расписания без выбранной цели,
  центрирование карточки логина
- Тесты: 237/237 (npm run check), регрессионные на lazy-вкладки и ширину
- Документация: REACT_MIGRATION.md, REACT_MIGRATION_RESULT.md, FRONTEND.md

frontend/admin/settings/css/layout.css

@@ -1,3 +1,13 @@
+/* ===== Корневой контейнер ===== */
+
+/* body — flex-контейнер: без явного растяжения корневой div сжимается
+   до max-content, и узкие страницы не занимают всю ширину монитора.
+   Растягиваем корень ровно на ширину окна (flex-basis 0), а не под контент. */
+#settings-root {
+    flex: 1 1 0%;
+    min-width: 0;
+}
+
 /* ===== Sidebar ===== */
 .sidebar {
     width: 260px;

frontend/admin/settings/css/main.css

@@ -360,6 +360,46 @@ body {
     padding: 1.25rem !important;
 }
 
+/* Карточка статуса текущего подключения к БД (замена inline-стилей legacy) */
+.db-status-card {
+    display: flex;
+    align-items: flex-start;
+}
+
+.db-status-grid {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+.db-status-grid > div {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    flex-wrap: wrap;
+}
+
+.db-status-grid span {
+    color: var(--text-secondary);
+    font-size: 0.85rem;
+}
+
+.db-status-grid code {
+    font-size: 0.85rem;
+}
+
+/* Широкое поле формы и выравнивание кнопок действий в строке формы */
+.form-group-wide {
+    flex: 3;
+}
+
+.form-row-actions {
+    height: fit-content;
+}
+
+
 .scope-badge {
     display: inline-flex;
     align-items: center;