Polish dashboard charts and add frontend tests (Stage 6)

Task 6.1 - Consistent loading/error/empty states across all charts:
- Add ChartStateWrapper shared component with Spinner, error MessageBar
  + Retry button, and friendly empty message
- Expose reload() in useBanTrend, useJailDistribution,
  useDashboardCountryData hooks
- Update BanTrendChart and JailDistributionChart to use ChartStateWrapper
- Add empty state to TopCountriesBarChart and TopCountriesPieChart
- Replace manual loading/error logic in DashboardPage with ChartStateWrapper

Task 6.2 - Frontend tests (5 files, 20 tests):
- Install Vitest v4, jsdom, @testing-library/react, @testing-library/jest-dom
- Add vitest.config.ts (separate from vite.config.ts to avoid Vite v5/v7 clash)
- Add src/setupTests.ts with jest-dom matchers and ResizeObserver/matchMedia stubs
- Tests: ChartStateWrapper (7), BanTrendChart (4), JailDistributionChart (4),
  TopCountriesPieChart (2), TopCountriesBarChart (3)

Task 6.3 - Full QA:
- ruff: clean
- mypy --strict: 52 files, no issues
- pytest: 497 passed
- tsc --noEmit: clean
- eslint: clean (added test-file override for explicit-function-return-type)
- vite build: success

frontend/src/components/TopCountriesPieChart.tsx

@@ -12,7 +12,7 @@ import {
 } from "recharts";
 import type { PieLabelRenderProps } from "recharts";
 import type { TooltipContentProps } from "recharts/types/component/Tooltip";
-import { tokens, makeStyles } from "@fluentui/react-components";
+import { tokens, makeStyles, Text } from "@fluentui/react-components";
 import { CHART_PALETTE, resolveFluentToken } from "../utils/chartTheme";
 
 // ---------------------------------------------------------------------------
@@ -49,6 +49,16 @@ const useStyles = makeStyles({
     width: "100%",
     minHeight: "280px",
   },
+  emptyWrapper: {
+    width: "100%",
+    minHeight: "280px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  emptyText: {
+    color: tokens.colorNeutralForeground3,
+  },
 });
 
 // ---------------------------------------------------------------------------
@@ -134,6 +144,14 @@ export function TopCountriesPieChart({
   const slices = buildSlices(countries, countryNames, resolvedPalette);
   const total = slices.reduce((sum, s) => sum + s.value, 0);
 
+  if (slices.length === 0) {
+    return (
+      <div className={styles.emptyWrapper}>
+        <Text className={styles.emptyText}>No bans in this time range.</Text>
+      </div>
+    );
+  }
+
   /** Format legend entries as "Country Name (xx%)" */
   const legendFormatter = (value: string): string => {
     const slice = slices.find((s) => s.name === value);