feat(grades): add ranking trend, school-wide summary, score cell, and scope filter

- Add ranking-trend-card and school-wide-summary-card for broader analytics

- Add score-cell and grade-filters components for table rendering

- Add scope-filter and type-guards lib utilities for grade data filtering

- Update actions, data-access (analytics, ranking, main), stats-service, export

- Update schema, types, and grade-utils lib

- Update all grade chart and report components (distribution, trend, comparison, query)

src/modules/grades/components/class-grade-report.tsx

@@ -1,3 +1,5 @@
+import { getTranslations } from "next-intl/server"
+
 import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
 import { Badge } from "@/shared/components/ui/badge"
 import {
@@ -19,7 +21,8 @@ interface ClassGradeReportProps {
   ranking: ClassRankingItem[]
 }
 
-export function ClassGradeReport({ stats, ranking }: ClassGradeReportProps) {
+export async function ClassGradeReport({ stats, ranking }: ClassGradeReportProps) {
+  const t = await getTranslations("grades")
   return (
     <div className="space-y-6">
       {stats ? (
@@ -28,7 +31,7 @@ export function ClassGradeReport({ stats, ranking }: ClassGradeReportProps) {
             <div>
               <h3 className="text-lg font-semibold">{stats.className}</h3>
               <p className="text-sm text-muted-foreground">
-                {stats.studentCount} students · {stats.stats.count} grade records
+                {t("classReport.studentCountInfo", { studentCount: stats.studentCount, recordCount: stats.stats.count })}
               </p>
             </div>
           </div>
@@ -36,8 +39,8 @@ export function ClassGradeReport({ stats, ranking }: ClassGradeReportProps) {
         </div>
       ) : (
         <EmptyState
-          title="No data"
-          description="No grade records found for this class."
+          title={t("classReport.noDataTitle")}
+          description={t("classReport.noDataDescription")}
           icon={Trophy}
           className="border-none shadow-none"
         />
@@ -46,17 +49,18 @@ export function ClassGradeReport({ stats, ranking }: ClassGradeReportProps) {
       {ranking.length > 0 ? (
         <Card>
           <CardHeader>
-            <CardTitle>Class Ranking</CardTitle>
+            <CardTitle>{t("classReport.classRanking")}</CardTitle>
           </CardHeader>
           <CardContent>
             <div className="rounded-md border">
               <Table>
+                <caption className="sr-only">{t("classReport.caption")}</caption>
                 <TableHeader>
                   <TableRow>
-                    <TableHead className="w-16">Rank</TableHead>
-                    <TableHead>Student</TableHead>
-                    <TableHead className="text-right">Average Score</TableHead>
-                    <TableHead className="text-right">Records</TableHead>
+                    <TableHead className="w-16">{t("classReport.rankColumn")}</TableHead>
+                    <TableHead>{t("list.columns.student")}</TableHead>
+                    <TableHead className="text-right">{t("summary.averageScore")}</TableHead>
+                    <TableHead className="text-right">{t("classReport.recordsColumn")}</TableHead>
                   </TableRow>
                 </TableHeader>
                 <TableBody>