refactor: 프론트엔드 TypeScript 타입 안전성 및 커스텀 훅 분리

- types/trading.ts: 중앙 타입 정의 (CandleData, Position, Trade 등)
- useMarketData.ts: 실시간 시세 처리 + 500ms 쓰로틀링
- usePortfolioData.ts: React Query 기반 포트폴리오 데이터 훅
- useTradeActions.ts: 매매 실행 액션 훅
- useWebSocket.ts: pong timeout 10초 감지 (좀비 연결 방지)
- TradingChart.tsx: @ts-nocheck 제거, CandleData 타입 적용
- PortfolioPanel/RecommendationPanel: any → 구체적 타입 교체
- Dashboard.tsx: 상태 관리 로직을 커스텀 훅으로 이전

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/components/RecommendationPanel.tsx

@@ -1,14 +1,15 @@
 import React from 'react'
 import { Brain, RefreshCw } from 'lucide-react'
+import { RecommendationsData, RecommendedStock, Recommendation } from '../types/trading'
 
-const formatTime = (isoStr?: string) => {
+const formatTime = (isoStr?: string): string | null => {
     if (!isoStr) return null
     const d = new Date(isoStr)
     return d.toLocaleTimeString('ko-KR', { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false, timeZone: 'Asia/Seoul' })
 }
 
 interface RecommendationPanelProps {
-    recommendations: any | undefined
+    recommendations: RecommendationsData | undefined
     isError: boolean
     onRefetch: () => void
     selectedStock: string
@@ -69,8 +70,8 @@ const RecommendationPanel = React.memo(({
                         <p className="text-[10px] text-gray-600 mt-1">최초 로딩 시 10초 정도 소요됩니다</p>
                     </div>
                 ) : (recommendations?.analyzed_stock_list || []).length > 0 ? (
-                    (recommendations.analyzed_stock_list as any[]).map((stock: any, idx: number) => {
-                        const isRecommended = (recommendations?.recommendations || []).some((r: any) => r.stock_code === stock.stock_code)
+                    (recommendations.analyzed_stock_list).map((stock: RecommendedStock, idx: number) => {
+                        const isRecommended = (recommendations?.recommendations || []).some((r: Recommendation) => r.stock_code === stock.stock_code)
                         const isHeld = heldStockCodes.has(stock.stock_code)
                         const isPending = pendingBuyStockCodes.has(stock.stock_code)
                         const changeRate = stock.change_rate || 0
@@ -118,7 +119,7 @@ const RecommendationPanel = React.memo(({
                                     <span className="flex gap-2">
                                         {stock.rsi != null && <span>RSI {stock.rsi.toFixed(0)}</span>}
                                         {stock.stochastic_k != null && <span>K {stock.stochastic_k.toFixed(0)}</span>}
-                                        {stock.score > 0 && <span className="text-purple-400">{stock.score}점</span>}
+                                        {(stock.score ?? 0) > 0 && <span className="text-purple-400">{stock.score}점</span>}
                                     </span>
                                 </div>
                             </button>