가상투자 메뉴 기능 구현

frontend/src/App.tsx

@@ -69,6 +69,7 @@ import { BacktestResultModal } from './components/BacktestResultModal';
 import { BacktestHistoryPage } from './components/BacktestHistoryPage';
 import SettingsPage from './components/SettingsPage';
 import PaperTradingPage from './components/PaperTradingPage';
+import VirtualTradingPage from './components/VirtualTradingPage';
 import DashboardPage from './components/DashboardPage';
 import { loadPaperSummary, resetPaperAccount, loadActiveLiveStrategySettings, expandLiveStrategySubscriptions } from './utils/backendApi';
 import ChartLegendBar from './components/ChartLegendBar';
@@ -99,6 +100,7 @@ import { invalidateIndicatorSettingsCache } from './hooks/useIndicatorSettings';
 import './App.css';
 import './styles/appPopup.css';
 import './styles/paperDashboard.css';
+import './styles/virtualTradingDashboard.css';
 import './styles/backtestDashboard.css';
 
 let _indCounter = 0;
@@ -1543,6 +1545,17 @@ function App() {
         />
       )}
 
+      {menuPage === 'virtual' && (
+        <VirtualTradingPage
+          theme={theme}
+          tickers={marketTickers}
+          defaultMarket={symbol}
+          paperTradingEnabled={paperTradingEnabled}
+          paperAutoTradeEnabled={paperAutoTradeEnabled}
+          onPaperOrderFilled={() => setPaperRefreshKey(k => k + 1)}
+        />
+      )}
+
       {/* ── 설정 화면 ──────────────────────────────────────────────────── */}
       {menuPage === 'notifications' && (
         <TradeNotificationListPage