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/DashboardL3.tsx

@@ -56,7 +56,7 @@ const PROCESSOR_COLUMNS: Column<ProcessorRow>[] = [
     key: 'processorType',
     header: 'Type',
     sortable: true,
-    render: (_, row) => <Badge label={row.processorType} color="muted" />,
+    render: (_, row) => <Badge label={row.processorType} color="auto" />,
   },
   {
     key: 'totalCount',
@@ -411,7 +411,6 @@ export default function DashboardL3() {
           columns={PROCESSOR_COLUMNS}
           data={processorRows}
           sortable
-          defaultSort={{ key: 'p99DurationMs', direction: 'desc' }}
         />
       </div>