feat(parent): add attention banner, export button, and grade detail

- Add parent-attention-banner for highlighting items needing attention

- Add parent-export-button for data export capability

- Add child-grade-detail component for detailed grade viewing

- Update existing child-card, child-detail-header, child-grade-summary, child-schedule-card

- Update parent-children-data-page and data-access

src/modules/parent/components/child-detail-header.tsx

@@ -4,6 +4,14 @@ import { ArrowLeft, GraduationCap } from "lucide-react"
 import { Avatar, AvatarFallback, AvatarImage } from "@/shared/components/ui/avatar"
 import { Badge } from "@/shared/components/ui/badge"
 import { Button } from "@/shared/components/ui/button"
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@/shared/components/ui/breadcrumb"
 import { getInitials } from "@/shared/lib/utils"
 import type { ChildDashboardData } from "@/modules/parent/types"
 
@@ -21,12 +29,27 @@ export function ChildDetailHeader({ child }: { child: ChildDashboardData }) {
 
   return (
     <div className="space-y-4">
-      <Button asChild variant="ghost" size="sm" className="gap-2 -ml-2">
-        <Link href="/parent/dashboard">
-          <ArrowLeft className="h-4 w-4" />
-          Back to Dashboard
-        </Link>
-      </Button>
+      <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
+        <Breadcrumb>
+          <BreadcrumbList>
+            <BreadcrumbItem>
+              <BreadcrumbLink asChild>
+                <Link href="/parent/dashboard">Parent Dashboard</Link>
+              </BreadcrumbLink>
+            </BreadcrumbItem>
+            <BreadcrumbSeparator />
+            <BreadcrumbItem>
+              <BreadcrumbPage>{childName}</BreadcrumbPage>
+            </BreadcrumbItem>
+          </BreadcrumbList>
+        </Breadcrumb>
+        <Button asChild variant="ghost" size="sm" className="gap-2 -ml-2 md:ml-0">
+          <Link href="/parent/dashboard" aria-label="Back to Dashboard">
+            <ArrowLeft className="h-4 w-4" />
+            Back to Dashboard
+          </Link>
+        </Button>
+      </div>
       <div className="flex items-center gap-4">
         <Avatar className="h-16 w-16">
           <AvatarImage src={basicInfo.image ?? undefined} alt={childName} />
@@ -40,7 +63,7 @@ export function ChildDetailHeader({ child }: { child: ChildDashboardData }) {
             ) : null}
             {basicInfo.gradeName ? (
               <span className="flex items-center gap-1">
-                <GraduationCap className="h-3 w-3" />
+                <GraduationCap className="h-3 w-3" aria-hidden />
                 {basicInfo.gradeName}
               </span>
             ) : null}