Refactor shared data source selection for dashboard and map

frontend/src/pages/MapPage.tsx

@@ -25,6 +25,7 @@ import { WorldMap } from "../components/WorldMap";
 import { useMapData } from "../hooks/useMapData";
 import { useMapColorThresholds } from "../hooks/useMapColorThresholds";
 import { MapBansTable } from "./map/MapBansTable";
+import { getDataSource } from "../utils/queryUtils";
 import type { TimeRange } from "../types/map";
 import type { BanOriginFilter } from "../types/ban";
 
@@ -96,7 +97,7 @@ export function MapPage(): React.JSX.Element {
   const [page, setPage] = useState<number>(1);
   const [pageSize, setPageSize] = useState<number>(100);
 
-  const source = range === "24h" ? "fail2ban" : "archive";
+  const source = getDataSource(range);
 
   const { countries, countryNames, bans, total, loading, error, refresh } =
     useMapData(range, originFilter, source, selectedCountry ?? undefined);