refactor: organize supply frontend structure

src/features/workbench/components/feature-popover.tsx

@@ -1,14 +1,12 @@
-"use client";
-
 import { Check, Copy, Database, X } from "lucide-react";
 import type { ComponentType } from "react";
 import { useEffect, useRef, useState } from "react";
 import {
   MAP_FOCUS_SURFACE_CLASS_NAME,
-  MAP_MAJOR_PANEL_RADIUS_CLASS_NAME
-} from "@/features/map/core/components/map-control-styles";
-import { showMapNotice } from "@/features/map/core/components/notice-actions";
-import { cn } from "@/lib/utils";
+  MAP_MAJOR_PANEL_RADIUS_CLASS_NAME,
+  showMapNotice
+} from "@/features/map/core";
+import { cn } from "@/shared/ui/cn";
 import type { WaterNetworkSourceId } from "../map/sources";
 import type { DetailFeature } from "../types";
 import {
@@ -16,14 +14,14 @@ import {
   type FeaturePanelBadgeTone
 } from "../utils/feature-properties";
 import {
-  ConduitFeatureIcon,
+  PipeFeatureIcon,
   JunctionFeatureIcon,
   PumpFeatureIcon,
   ReservoirFeatureIcon,
   ScadaFeatureIcon,
   ValveFeatureIcon,
-  type DrainageFeatureIconProps
-} from "./drainage-feature-icons";
+  type SupplyFeatureIconProps
+} from "./supply-feature-icons";
 import { FeaturePropertyList } from "./feature-property-list";
 
 type FeaturePopoverProps = {
@@ -34,14 +32,14 @@ type FeaturePopoverProps = {
 const FEATURE_LAYER_META: Record<
   WaterNetworkSourceId,
   {
-    icon: ComponentType<DrainageFeatureIconProps>;
+    icon: ComponentType<SupplyFeatureIconProps>;
     label: string;
     headerClassName: string;
     labelClassName: string;
     iconClassName: string;
   }
 > = {
-  pipes: { icon: ConduitFeatureIcon, label: "管线", headerClassName: "bg-teal-50/70", labelClassName: "text-teal-800", iconClassName: "bg-teal-700 text-white ring-teal-900/10" },
+  pipes: { icon: PipeFeatureIcon, label: "管线", headerClassName: "bg-teal-50/70", labelClassName: "text-teal-800", iconClassName: "bg-teal-700 text-white ring-teal-900/10" },
   junctions: { icon: JunctionFeatureIcon, label: "节点", headerClassName: "bg-blue-50/70", labelClassName: "text-blue-800", iconClassName: "bg-sky-700 text-white ring-sky-900/10" },
   valves: { icon: ValveFeatureIcon, label: "阀门", headerClassName: "bg-violet-50/70", labelClassName: "text-violet-800", iconClassName: "bg-violet-600 text-white ring-violet-900/10" },
   reservoirs: { icon: ReservoirFeatureIcon, label: "水库", headerClassName: "bg-sky-50/70", labelClassName: "text-sky-900", iconClassName: "bg-sky-800 text-white ring-sky-900/10" },