Fix unsafe frontend casts and mark Task 18 done

frontend/src/hooks/useDashboardCountryData.ts

@@ -73,8 +73,7 @@ export function useDashboardCountryData(
         if (controller.signal.aborted) return;
         setCountries(data.countries);
         setCountryNames(data.country_names);
-        // MapBanItem and DashboardBanItem are structurally identical.
-        setBans(data.bans as DashboardBanItem[]);
+        setBans(data.bans);
         setTotal(data.total);
       })
       .catch((err: unknown) => {

frontend/src/pages/BlocklistsPage.tsx

@@ -14,8 +14,7 @@ import { useRunImport } from "../hooks/useBlocklist";
 import { ImportResultDialog } from "./blocklists/ImportResultDialog";
 
 export function BlocklistsPage(): React.JSX.Element {
-  const safeUseBlocklistStyles = useBlocklistStyles as unknown as () => { root: string };
-  const styles = safeUseBlocklistStyles();
+  const styles = useBlocklistStyles();
   const { running, lastResult, error: importError, runNow } = useRunImport();
   const [importResultOpen, setImportResultOpen] = useState(false);
 

frontend/src/pages/HistoryPage.tsx

@@ -19,11 +19,11 @@ import {
   Text,
   Toolbar,
   ToolbarButton,
-  TableColumnDefinition,
   createTableColumn,
   makeStyles,
   tokens,
 } from "@fluentui/react-components";
+import type { TableColumnDefinition } from "@fluentui/react-components";
 import {
   ArrowCounterclockwiseRegular,
   ChevronLeftRegular,