Remove inline map count labels and hide archive source badges

frontend/src/components/WorldMap.tsx

@@ -410,17 +410,6 @@ export function WorldMap({
                     setTooltip(null);
                   }}
                 />
-                {count > 0 && isCentroidValid && (
-                  <text
-                    x={cx}
-                    y={cy}
-                    textAnchor="middle"
-                    dominantBaseline="central"
-                    className={styles.countLabel}
-                  >
-                    {count}
-                  </text>
-                )}
               </g>
             );
           })}

frontend/src/pages/DashboardPage.tsx

@@ -7,7 +7,7 @@
  */
 
 import { useState } from "react";
-import { Badge, Text, makeStyles, tokens } from "@fluentui/react-components";
+import { Text, makeStyles, tokens } from "@fluentui/react-components";
 import { BanTable } from "../components/BanTable";
 import { BanTrendChart } from "../components/BanTrendChart";
 import { ChartStateWrapper } from "../components/ChartStateWrapper";
@@ -95,9 +95,6 @@ export function DashboardPage(): React.JSX.Element {
           originFilter={originFilter}
           onOriginFilterChange={setOriginFilter}
         />
-        <Badge appearance="filled" color={source === "archive" ? "brand" : "success"}>
-          {source === "archive" ? "Archive (BanGUI DB)" : "Live (fail2ban DB)"}
-        </Badge>
       </div>
 
       {/* ------------------------------------------------------------------ */}

frontend/src/pages/HistoryPage.tsx

@@ -402,8 +402,6 @@ export function HistoryPage(): React.JSX.Element {
   const { items, total, page, loading, error, setPage, refresh } =
     useHistory(appliedQuery);
 
-  const sourceLabel = "Archive (BanGUI DB)";
-
   useEffect((): void => {
     const nextQuery: HistoryQuery = {
       range,
@@ -490,27 +488,7 @@ export function HistoryPage(): React.JSX.Element {
             setIpFilter(value);
           }}
         />
-        <Badge appearance="filled" color="brand" style={{ alignSelf: "flex-start" }}>
-          {sourceLabel}
-        </Badge>
-      </div>
 
-      {/* ---------------------------------------------------------------- */}
-      {/* Error / loading state                                             */}
-      {/* ---------------------------------------------------------------- */}
-      {error && (
-        <MessageBar intent="error">
-          <MessageBarBody>{error}</MessageBarBody>
-        </MessageBar>
-      )}
-
-      {loading && !error && (
-        <div
-          style={{ display: "flex", justifyContent: "center", padding: tokens.spacingVerticalXL }}
-        >
-          <Spinner label="Loading history…" />
-        </div>
-      )}
 
       {/* ---------------------------------------------------------------- */}
       {/* Summary                                                           */}

frontend/src/pages/MapPage.tsx

@@ -165,9 +165,6 @@ export function MapPage(): React.JSX.Element {
               setSelectedCountry(null);
             }}
           />
-          <Badge appearance="filled" color={source === "archive" ? "brand" : "success"}>
-            {source === "archive" ? "Archive (BanGUI DB)" : "Live (fail2ban DB)"}
-          </Badge>
           <Button
             icon={<ArrowCounterclockwiseRegular />}
             onClick={(): void => {