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

src/components/storefront/ProductCard.tsx

@@ -5,6 +5,33 @@ import { useState } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { useCart } from "@/context/CartContext";
 
+const badgeConfig: Record<"best-seller" | "new" | "limited" | "organic", { label: string; bg: string; text: string; border: string }> = {
+  "best-seller": {
+    label: "Best Seller",
+    bg: "bg-amber-50",
+    text: "text-amber-700",
+    border: "border-amber-200",
+  },
+  "new": {
+    label: "New",
+    bg: "bg-emerald-50",
+    text: "text-emerald-700",
+    border: "border-emerald-200",
+  },
+  "limited": {
+    label: "Limited",
+    bg: "bg-orange-50",
+    text: "text-orange-700",
+    border: "border-orange-200",
+  },
+  "organic": {
+    label: "Organic",
+    bg: "bg-green-50",
+    text: "text-green-700",
+    border: "border-green-200",
+  },
+};
+
 type ProductCardProps = {
   id: string;
   name: string;
@@ -36,33 +63,6 @@ function ImageSkeleton() {
 
 // Badge component
 function Badge({ type }: { type: "best-seller" | "new" | "limited" | "organic" }) {
-  const badgeConfig = {
-    "best-seller": {
-      label: "Best Seller",
-      bg: "bg-amber-50",
-      text: "text-amber-700",
-      border: "border-amber-200",
-    },
-    "new": {
-      label: "New",
-      bg: "bg-emerald-50",
-      text: "text-emerald-700",
-      border: "border-emerald-200",
-    },
-    "limited": {
-      label: "Limited",
-      bg: "bg-orange-50",
-      text: "text-orange-700",
-      border: "border-orange-200",
-    },
-    "organic": {
-      label: "Organic",
-      bg: "bg-green-50",
-      text: "text-green-700",
-      border: "border-green-200",
-    },
-  };
-
   const config = badgeConfig[type];
 
   return (