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/components/screen/config-panels/button/DataTab.tsx

@@ -855,8 +855,8 @@ export const DataTab: React.FC<DataTabProps> = ({
           </div>
         </div>
 
-        <div className="rounded-md bg-blue-50 p-3 dark:bg-blue-950">
-          <p className="text-xs text-blue-900 dark:text-blue-100">
+        <div className="rounded-md bg-primary/10 p-3 dark:bg-primary/15">
+          <p className="text-xs text-primary dark:text-primary/60">
             <strong>사용 방법:</strong>
             <br />
             1. 소스 컴포넌트에서 데이터를 선택합니다