fix: add missing learning sub-page routes in App.tsx

9 sub-pages (events, sessions, progress, daily, records, timeline,
anomalies, user-diagnose, material-diagnose) were defined in
routes/index.tsx but not registered as React Router <Route> elements,
causing 404 for all /learning/* pages except dashboard and replay.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/App.tsx

@@ -45,6 +45,15 @@ const NotificationAdmin = lazy(() => import('./pages/NotificationAdmin'))
 const CacheAdmin = lazy(() => import('./pages/CacheAdmin'))
 const LearningData = lazy(() => import('./pages/LearningData'))
 const LearningDashboard = lazy(() => import('./pages/learning/Dashboard'))
+const ReadingEventPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.ReadingEventPage })))
+const SessionPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.SessionPage })))
+const ProgressPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.ProgressPage })))
+const DailyActivityPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.DailyActivityPage })))
+const RecordPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.RecordPage })))
+const AnomalyPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.AnomalyPage })))
+const UserTimelinePage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.UserTimelinePage })))
+const UserDiagnosePage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.UserDiagnosePage })))
+const MaterialDiagnosePage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.MaterialDiagnosePage })))
 const LearningReplay = lazy(() => import('./pages/learning/ReplayPage'))
 const BackupAdmin = lazy(() => import('./pages/BackupAdmin'))
 const ReportingAdmin = lazy(() => import('./pages/ReportingAdmin'))
@@ -185,6 +194,15 @@ function App() {
                   <Route path="reviews" element={<Suspense fallback={<PageLoading />}><ReviewAdmin /></Suspense>} />
                   <Route path="learning-data" element={<Suspense fallback={<PageLoading />}><LearningData /></Suspense>} />
                   <Route path="learning" element={<Suspense fallback={<PageLoading />}><LearningDashboard /></Suspense>} />
+                  <Route path="learning/events" element={<Suspense fallback={<PageLoading />}><ReadingEventPage /></Suspense>} />
+                  <Route path="learning/sessions" element={<Suspense fallback={<PageLoading />}><SessionPage /></Suspense>} />
+                  <Route path="learning/progress" element={<Suspense fallback={<PageLoading />}><ProgressPage /></Suspense>} />
+                  <Route path="learning/daily" element={<Suspense fallback={<PageLoading />}><DailyActivityPage /></Suspense>} />
+                  <Route path="learning/records" element={<Suspense fallback={<PageLoading />}><RecordPage /></Suspense>} />
+                  <Route path="learning/timeline" element={<Suspense fallback={<PageLoading />}><UserTimelinePage /></Suspense>} />
+                  <Route path="learning/anomalies" element={<Suspense fallback={<PageLoading />}><AnomalyPage /></Suspense>} />
+                  <Route path="learning/user-diagnose" element={<Suspense fallback={<PageLoading />}><UserDiagnosePage /></Suspense>} />
+                  <Route path="learning/material-diagnose" element={<Suspense fallback={<PageLoading />}><MaterialDiagnosePage /></Suspense>} />
                   <Route path="learning/replay" element={<Suspense fallback={<PageLoading />}><LearningReplay /></Suspense>} />
                   <Route path="backup" element={<Suspense fallback={<PageLoading />}><BackupAdmin /></Suspense>} />
                   <Route path="reporting" element={<Suspense fallback={<PageLoading />}><ReportingAdmin /></Suspense>} />