refactor: 전체 프론트엔드 하드코딩 색상 → CSS 변수 일괄 치환

447+ 파일, 4500+ 줄 변경:
- gray-* → border/bg-muted/text-foreground/text-muted-foreground
- blue-* → primary/ring
- red-* → destructive
- green-* → emerald (일관성)
- indigo-* → primary
- yellow/orange → amber (통일)
- dark mode 변형도 시맨틱 토큰으로 변환

Made-with: Cursor

frontend/lib/registry/components/map/MapPreviewComponent.tsx

@@ -17,12 +17,12 @@ export default function MapPreviewComponent({ component }: MapPreviewComponentPr
   const tableName = component.config?.dataSource?.tableName;
 
   return (
-    <div className="flex h-full w-full items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-50 border-2 border-dashed border-blue-300">
+    <div className="flex h-full w-full items-center justify-center bg-gradient-to-br from-primary/5 to-indigo-50 border-2 border-dashed border-primary/40">
       <div className="text-center">
-        <Map className="mx-auto h-12 w-12 text-blue-600" />
-        <p className="mt-2 text-sm font-medium text-blue-900">지도 컴포넌트</p>
+        <Map className="mx-auto h-12 w-12 text-primary" />
+        <p className="mt-2 text-sm font-medium text-primary">지도 컴포넌트</p>
         {tableName && (
-          <p className="mt-1 text-xs text-blue-600">테이블: {tableName}</p>
+          <p className="mt-1 text-xs text-primary">테이블: {tableName}</p>
         )}
       </div>
     </div>