feat(app): add error/loading boundaries across all dashboard routes and new routes

- Add error.tsx and loading.tsx boundaries for admin, parent, student, teacher routes

- Add admin announcements edit, audit-logs overview, curriculum-map, invitation-codes, permissions, questions, roles routes

- Add admin elective detail and components, files, course-plans, users, scheduling boundaries

- Add messages group-compose route

- Add parent course-plans, elective, grades report-card, practice routes

- Add student course-plans, elective detail, error-book dialogs, grades report-card, learning study-path, leave, schedule boundaries

- Add teacher attendance report, classes boundaries, course-plans boundaries, elective, exams analytics/edit-rich/all/create/new, grades report-card, homework boundaries, leave, lesson-plans calendar

- Add auth loading, onboarding loading, api cron

src/app/(dashboard)/student/practice/[sessionId]/page.tsx

@@ -6,6 +6,7 @@ import { Permissions } from "@/shared/types/permissions"
 
 import { getPracticeSessionById } from "@/modules/adaptive-practice/data-access"
 import { PracticeSessionView } from "@/modules/adaptive-practice/components/practice-session-view"
+import { PracticeServiceProvider } from "@/modules/adaptive-practice/services/practice-service"
 
 export const dynamic = "force-dynamic"
 
@@ -24,8 +25,10 @@ export default async function PracticeSessionPage({
   }
 
   return (
-    <div className="flex h-full flex-col space-y-6 p-8">
-      <PracticeSessionView session={session} />
-    </div>
+    <PracticeServiceProvider>
+      <div className="flex h-full flex-col space-y-6 p-8">
+        <PracticeSessionView session={session} />
+      </div>
+    </PracticeServiceProvider>
   )
 }

src/app/(dashboard)/student/practice/page.tsx

@@ -5,9 +5,10 @@ import { requirePermission } from "@/shared/lib/auth-guard"
 import { Permissions } from "@/shared/types/permissions"
 
 import { getPracticeSessions, getPracticeStats } from "@/modules/adaptive-practice/data-access"
-import { PracticeStarter } from "@/modules/adaptive-practice/components/practice-starter"
+import { PracticeStarterWithNav } from "@/modules/adaptive-practice/components/practice-starter-with-nav"
 import { PracticeHistory } from "@/modules/adaptive-practice/components/practice-history"
 import { PracticeStatsCards } from "@/modules/adaptive-practice/components/practice-stats-cards"
+import { PracticeServiceProvider } from "@/modules/adaptive-practice/services/practice-service"
 import { getKnowledgePointOptions } from "@/modules/questions/data-access"
 
 export const dynamic = "force-dynamic"
@@ -23,23 +24,31 @@ export default async function StudentPracticePage(): Promise<JSX.Element> {
   ])
 
   return (
-    <div className="flex h-full flex-col space-y-8 p-8">
-      <div>
-        <h1 className="text-2xl font-bold tracking-tight">{t("page.title")}</h1>
-        <p className="text-muted-foreground">{t("page.description")}</p>
-      </div>
-
-      <PracticeStatsCards stats={stats} />
-
-      <div className="grid gap-6 lg:grid-cols-3">
-        <div className="lg:col-span-1">
-          <PracticeStarter knowledgePoints={knowledgePoints} />
+    <PracticeServiceProvider>
+      <div className="flex h-full flex-col space-y-8 p-8">
+        <div>
+          <h1 className="text-2xl font-bold tracking-tight">{t("page.title")}</h1>
+          <p className="text-muted-foreground">{t("page.description")}</p>
         </div>
-        <div className="lg:col-span-2 space-y-4">
-          <h2 className="text-lg font-semibold">{t("history.title")}</h2>
-          <PracticeHistory sessions={sessionsResult.data} />
+
+        <PracticeStatsCards stats={stats} />
+
+        <div className="grid gap-6 lg:grid-cols-3">
+          <div className="lg:col-span-1">
+            <PracticeStarterWithNav
+              knowledgePoints={knowledgePoints}
+              routePrefix="/student/practice"
+            />
+          </div>
+          <div className="lg:col-span-2 space-y-4">
+            <h2 className="text-lg font-semibold">{t("history.title")}</h2>
+            <PracticeHistory
+              sessions={sessionsResult.data}
+              routePrefix="/student/practice"
+            />
+          </div>
         </div>
       </div>
-    </div>
+    </PracticeServiceProvider>
   )
 }