feat(ui): complete drainage workbench style migration

src/features/map/core/components/legend.tsx

@@ -1,5 +1,6 @@
 import type { LucideIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
+import { cn } from "@/shared/ui/cn";
+import { StatusDot } from "@/shared/ui/status";
 import {
   MAP_ICON_CELL_RADIUS_CLASS_NAME,
   MAP_MAJOR_PANEL_RADIUS_CLASS_NAME,
@@ -66,7 +67,7 @@ export function MapLegendList({ items, className = "", showStatusDot = false }:
               <span className="block truncate font-semibold">{item.label}</span>
               {item.description ? <span className="block truncate text-xs text-slate-500">{item.description}</span> : null}
             </span>
-            {showStatusDot ? <span className="h-2 w-2 rounded-full bg-emerald-500" aria-hidden="true" /> : null}
+            {showStatusDot ? <StatusDot tone="success" size="md" /> : null}
           </li>
         );
       })}