feat: 新增备课模块并修复全模块 P0/P1/P2 缺陷

主要变更:

- 新增 lesson-preparation 模块: 备课编辑器、节点编辑、AI 建议、知识点选择、版本历史、作业发布

- 新增 shared 通用组件: charts/question-bank-filters/schedule-list/ui (chip-nav/filter-bar/page-header/stat-card/stat-item)

- 新增 student/admin 端 loading.tsx 与 error.tsx, 优化加载与错误态体验

- 新增 teacher/lesson-plans 页面 (列表/新建/编辑)

- 新增 drizzle 迁移 0002_tiny_lionheart 及 snapshot

- 新增 textbooks/schema.ts 与 exams/utils/normalize-structure.ts

- 修复 Tiptap v3 SSR hydration 崩溃 (rich-text-block immediatelyRender: false)

- 重构多模块 data-access/actions/组件, 修复权限校验与类型规范

- 同步架构文档 004/005 反映新增模块、导出、依赖关系

- 归档 bugs/* 测试报告与 e2e 测试脚本 (admin/parent/student/teacher web_test)

src/modules/dashboard/components/student-dashboard/student-grades-card.tsx

@@ -2,12 +2,10 @@
 
 import Link from "next/link"
 import { BarChart3 } from "lucide-react"
-import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts"
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
-import { EmptyState } from "@/shared/components/ui/empty-state"
+import { ChartCardShell } from "@/shared/components/charts/chart-card-shell"
+import { TrendLineChart } from "@/shared/components/charts/trend-line-chart"
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/shared/components/ui/table"
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/shared/components/ui/chart"
 import { formatDate } from "@/shared/lib/utils"
 import type { StudentDashboardGradeProps } from "@/modules/homework/types"
 
@@ -24,140 +22,84 @@ export function StudentGradesCard({ grades }: { grades: StudentDashboardGradePro
     maxScore: item.maxScore,
   }))
 
-  const chartConfig = {
-    score: {
-      label: "Score (%)",
-      color: "hsl(var(--primary))",
-    },
-  }
-
   const latestGrade = grades.trend[grades.trend.length - 1]
 
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <BarChart3 className="h-4 w-4 text-muted-foreground" />
-          Recent Grades
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        {!hasGradeTrend ? (
-          <EmptyState
-            icon={BarChart3}
-            title="No graded work yet"
-            description="Finish and submit assignments to see your score trend."
-            className="border-none h-72"
+    <ChartCardShell
+      title="Recent Grades"
+      icon={BarChart3}
+      iconClassName="text-muted-foreground"
+      isEmpty={!hasGradeTrend}
+      emptyTitle="No graded work yet"
+      emptyDescription="Finish and submit assignments to see your score trend."
+      emptyClassName="h-72"
+    >
+      <div className="space-y-4">
+        <div className="rounded-md border bg-card p-4">
+          <TrendLineChart
+            data={chartData}
+            series={[
+              {
+                dataKey: "score",
+                name: "Score (%)",
+                color: "hsl(var(--primary))",
+                dotRadius: 4,
+                activeDotRadius: 6,
+              },
+            ]}
+            heightClassName="h-[200px]"
+            margin={{ left: 12, right: 12, top: 12, bottom: 12 }}
+            yWidth={30}
+            tooltipClassName="w-[200px]"
           />
-        ) : (
-          <div className="space-y-4">
-            <div className="rounded-md border bg-card p-4">
-              <ChartContainer config={chartConfig} className="h-[200px] w-full">
-                <LineChart
-                  data={chartData}
-                  margin={{
-                    left: 12,
-                    right: 12,
-                    top: 12,
-                    bottom: 12,
-                  }}
-                >
-                  <CartesianGrid vertical={false} strokeDasharray="4 4" strokeOpacity={0.4} />
-                  <XAxis
-                    dataKey="title"
-                    tickLine={false}
-                    axisLine={false}
-                    tickMargin={8}
-                    tickFormatter={(value) => value.slice(0, 10) + (value.length > 10 ? "..." : "")}
-                  />
-                  <YAxis
-                    domain={[0, 100]}
-                    tickLine={false}
-                    axisLine={false}
-                    tickFormatter={(value) => `${value}%`}
-                    width={30}
-                  />
-                  <ChartTooltip
-                    cursor={{
-                      stroke: "hsl(var(--muted-foreground))",
-                      strokeWidth: 1,
-                      strokeDasharray: "4 4",
-                    }}
-                    content={
-                      <ChartTooltipContent
-                        indicator="line"
-                        labelKey="fullTitle"
-                        className="w-[200px]"
-                      />
-                    }
-                  />
-                  <Line
-                    dataKey="score"
-                    type="monotone"
-                    stroke="var(--color-score)"
-                    strokeWidth={2}
-                    dot={{
-                      fill: "var(--color-score)",
-                      r: 4,
-                      strokeWidth: 2,
-                    }}
-                    activeDot={{
-                      r: 6,
-                      strokeWidth: 0,
-                    }}
-                  />
-                </LineChart>
-              </ChartContainer>
-              
-              {latestGrade && (
-                <div className="mt-3 flex items-center justify-between text-sm text-muted-foreground">
-                  <div>
-                    Latest:{" "}
-                    <span className="font-medium text-foreground tabular-nums">
-                      {Math.round(latestGrade.percentage)}%
-                    </span>
-                  </div>
-                  <div>
-                    Points:{" "}
-                    <span className="font-medium text-foreground tabular-nums">
-                      {latestGrade.score}/{latestGrade.maxScore}
-                    </span>
-                  </div>
-                </div>
-              )}
-            </div>
 
-            {!hasRecentGrades ? null : (
-              <div className="rounded-md border bg-card">
-                <Table>
-                  <TableHeader>
-                    <TableRow className="bg-muted/50">
-                      <TableHead className="text-xs font-medium uppercase text-muted-foreground">Assignment</TableHead>
-                      <TableHead className="text-xs font-medium uppercase text-muted-foreground">Score</TableHead>
-                      <TableHead className="text-xs font-medium uppercase text-muted-foreground">When</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {grades.recent.map((r) => (
-                      <TableRow key={r.assignmentId} className="h-12">
-                        <TableCell className="font-medium">
-                          <Link href={`/student/learning/assignments/${r.assignmentId}`} className="hover:underline">
-                            {r.assignmentTitle}
-                          </Link>
-                        </TableCell>
-                        <TableCell className="tabular-nums">
-                          {r.score}/{r.maxScore} <span className="text-muted-foreground">({Math.round(r.percentage)}%)</span>
-                        </TableCell>
-                        <TableCell className="text-muted-foreground">{formatDate(r.submittedAt)}</TableCell>
-                      </TableRow>
-                    ))}
-                  </TableBody>
-                </Table>
+          {latestGrade ? (
+            <div className="mt-3 flex items-center justify-between text-sm text-muted-foreground">
+              <div>
+                Latest:{" "}
+                <span className="font-medium text-foreground tabular-nums">
+                  {Math.round(latestGrade.percentage)}%
+                </span>
               </div>
-            )}
+              <div>
+                Points:{" "}
+                <span className="font-medium text-foreground tabular-nums">
+                  {latestGrade.score}/{latestGrade.maxScore}
+                </span>
+              </div>
+            </div>
+          ) : null}
+        </div>
+
+        {!hasRecentGrades ? null : (
+          <div className="rounded-md border bg-card">
+            <Table>
+              <TableHeader>
+                <TableRow className="bg-muted/50">
+                  <TableHead className="text-xs font-medium uppercase text-muted-foreground">Assignment</TableHead>
+                  <TableHead className="text-xs font-medium uppercase text-muted-foreground">Score</TableHead>
+                  <TableHead className="text-xs font-medium uppercase text-muted-foreground">When</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {grades.recent.map((r) => (
+                  <TableRow key={r.assignmentId} className="h-12">
+                    <TableCell className="font-medium">
+                      <Link href={`/student/learning/assignments/${r.assignmentId}`} className="hover:underline">
+                        {r.assignmentTitle}
+                      </Link>
+                    </TableCell>
+                    <TableCell className="tabular-nums">
+                      {r.score}/{r.maxScore} <span className="text-muted-foreground">({Math.round(r.percentage)}%)</span>
+                    </TableCell>
+                    <TableCell className="text-muted-foreground">{formatDate(r.submittedAt)}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
           </div>
         )}
-      </CardContent>
-    </Card>
+      </div>
+    </ChartCardShell>
   )
 }