fix: react-doctor prefer-module-scope-static-value 15→~5 (move static values to module scope, remove dead Section)

src/components/route-trace/FsmaReportModal.tsx

@@ -3,6 +3,14 @@
 import { useState, useEffect, useCallback, useRef } from "react";
 import { formatDate } from "@/lib/format-date";
 
+const summaryColors: Record<"green" | "red" | "amber" | "blue" | "stone", string> = {
+  green: "bg-green-50 border-green-100 text-green-800",
+  red: "bg-red-50 border-red-100 text-red-800",
+  amber: "bg-amber-50 border-amber-100 text-amber-800",
+  blue: "bg-blue-50 border-blue-100 text-blue-800",
+  stone: "bg-stone-50 border-stone-200 text-stone-800",
+};
+
 // One-color outline icons
 const Icons = {
   clipboard: (className: string) => (
@@ -144,15 +152,8 @@ function SummaryCard({ icon, label, value, subtext, color }: {
   subtext?: string;
   color: "green" | "red" | "amber" | "blue" | "stone";
 }) {
-  const colors = {
-    green: "bg-green-50 border-green-100 text-green-800",
-    red: "bg-red-50 border-red-100 text-red-800",
-    amber: "bg-amber-50 border-amber-100 text-amber-800",
-    blue: "bg-blue-50 border-blue-100 text-blue-800",
-    stone: "bg-stone-50 border-stone-200 text-stone-800",
-  };
   return (
-    <div className={`rounded-xl border px-4 py-3 ${colors[color]}`}>
+    <div className={`rounded-xl border px-4 py-3 ${summaryColors[color]}`}>
       <div className="flex items-center gap-1.5">
         <span className="text-sm">{icon}</span>
         <span className="text-[10px] font-bold uppercase tracking-wider opacity-70">{label}</span>