fix: resolve TypeScript strict mode errors failing CI

- StatusDot: status → variant (correct prop name)
- Badge: color="muted" → color="auto" (valid BadgeColor)
- AreaChart: remove stacked prop (not in AreaChartProps)
- DataTable: remove defaultSort prop (not in DataTableProps)
- TopError → ErrorRow with id field (DataTable requires T extends {id})
- slaCompliance: type assertion for runtime field not in TS schema
- PunchcardHeatmap Scatter shape: proper typing for custom renderer

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/src/pages/DashboardTab/DashboardL2.tsx

@@ -113,7 +113,9 @@ const ROUTE_COLUMNS: Column<RouteRow>[] = [
 
 // ── Top errors columns ──────────────────────────────────────────────────────
 
-const ERROR_COLUMNS: Column<TopError>[] = [
+type ErrorRow = TopError & { id: string };
+
+const ERROR_COLUMNS: Column<ErrorRow>[] = [
   {
     key: 'errorType',
     header: 'Error Type',
@@ -394,7 +396,6 @@ export default function DashboardL2() {
             <AreaChart
               series={throughputByRouteSeries}
               yLabel="msg/s"
-              stacked
               height={200}
               className={styles.chart}
             />