feat(app): add lesson-plans, practice, and grade dashboard routes

- Add admin/lesson-plans, parent/lesson-plans, student/lesson-plans routes

- Add student/practice and teacher/practice routes for adaptive practice

- Add management/grade/dashboard and management/grade/practice routes

- Add teacher/lesson-plans error and loading boundaries

- Update existing admin, parent, student, teacher pages with new features

- Update globals.css and proxy middleware

src/app/(dashboard)/teacher/lesson-plans/page.tsx

@@ -9,6 +9,7 @@ import { getAuthContext } from "@/shared/lib/auth-guard"
 import { getLessonPlans } from "@/modules/lesson-preparation/data-access"
 import { getSubjectOptions } from "@/modules/school/data-access"
 import { LessonPlanList } from "@/modules/lesson-preparation/components/lesson-plan-list"
+import { LessonPlanProviderSetup } from "@/modules/lesson-preparation/providers/lesson-plan-provider-setup"
 
 export const dynamic = "force-dynamic"
 
@@ -37,24 +38,26 @@ export default async function LessonPlansPage(): Promise<JSX.Element> {
           </Link>
         </Button>
       </div>
-      <Suspense
-        fallback={
-          <div className="space-y-4">
-            <div className="flex gap-2 flex-wrap items-center">
-              <Skeleton className="h-9 w-[240px]" />
-              <Skeleton className="h-9 w-[160px]" />
-              <Skeleton className="h-9 w-[160px]" />
+      <LessonPlanProviderSetup>
+        <Suspense
+          fallback={
+            <div className="space-y-4">
+              <div className="flex gap-2 flex-wrap items-center">
+                <Skeleton className="h-9 w-[240px]" />
+                <Skeleton className="h-9 w-[160px]" />
+                <Skeleton className="h-9 w-[160px]" />
+              </div>
+              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                {Array.from({ length: 6 }).map((_, i) => (
+                  <Skeleton key={i} className="h-[180px] w-full" />
+                ))}
+              </div>
             </div>
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-              {Array.from({ length: 6 }).map((_, i) => (
-                <Skeleton key={i} className="h-[180px] w-full" />
-              ))}
-            </div>
-          </div>
-        }
-      >
-        <LessonPlanList initialItems={items} subjects={subjects} />
-      </Suspense>
+          }
+        >
+          <LessonPlanList initialItems={items} subjects={subjects} />
+        </Suspense>
+      </LessonPlanProviderSetup>
     </div>
   )
 }