Add hover tooltip to WorldMap and update task list

frontend/src/pages/MapPage.tsx

@@ -167,6 +167,7 @@ export function MapPage(): React.JSX.Element {
       {!loading && !error && (
         <WorldMap
           countries={countries}
+          countryNames={countryNames}
           selectedCountry={selectedCountry}
           onSelectCountry={setSelectedCountry}
           thresholdLow={thresholdLow}

frontend/src/pages/__tests__/MapPage.test.tsx

@@ -32,8 +32,12 @@ vi.mock("../api/config", async () => ({
   fetchMapColorThresholds: mockFetchMapColorThresholds,
 }));
 
+const mockWorldMap = vi.fn((_props: unknown) => <div data-testid="world-map" />);
 vi.mock("../components/WorldMap", () => ({
-  WorldMap: () => <div data-testid="world-map" />,
+  WorldMap: (props: unknown) => {
+    mockWorldMap(props);
+    return <div data-testid="world-map" />;
+  },
 }));
 
 describe("MapPage", () => {
@@ -49,6 +53,11 @@ describe("MapPage", () => {
     // Initial load should call useMapData with default filters.
     expect(lastArgs).toEqual({ range: "24h", origin: "all" });
 
+    // Map should receive country names from the hook so tooltips can show human-readable labels.
+    expect(mockWorldMap).toHaveBeenCalled();
+    const firstCallArgs = mockWorldMap.mock.calls[0]?.[0];
+    expect(firstCallArgs).toMatchObject({ countryNames: {} });
+
     await user.click(screen.getByRole("button", { name: /Last 7 days/i }));
     expect(lastArgs.range).toBe("7d");