가상투자 메뉴 기능 구현

frontend/src/components/TopMenuBar.tsx

@@ -11,7 +11,7 @@ import TradeAlertPopupMenubarSelect from './TradeAlertPopupMenubarSelect';
 import type { TradeAlertPopupLayout, TradeAlertPopupPosition } from '../utils/tradeAlertPopupLayout';
 import { canAccessMenu } from '../utils/permissions';
 
-export type MenuPage = 'dashboard' | 'chart' | 'paper' | 'strategy' | 'strategy-editor' | 'backtest' | 'notifications' | 'settings';
+export type MenuPage = 'dashboard' | 'chart' | 'paper' | 'virtual' | 'strategy' | 'strategy-editor' | 'backtest' | 'notifications' | 'settings';
 
 interface TopMenuBarProps {
   activePage: MenuPage;
@@ -129,10 +129,19 @@ const IcStrategyEditor = () => (
   </svg>
 );
 
+const IcVirtual = () => (
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+    <rect x="2" y="2" width="12" height="12" rx="1.5"/>
+    <path d="M5 8h6M8 5v6"/>
+    <circle cx="11.5" cy="4.5" r="1.2" fill="currentColor" stroke="none"/>
+  </svg>
+);
+
 const MENU_ITEMS: { page: MenuPage; label: string; icon: React.ReactNode }[] = [
   { page: 'dashboard', label: '대시보드',   icon: <IcDashboard /> },
   { page: 'chart',     label: '실시간차트', icon: <IcChart />     },
   { page: 'paper',     label: '모의투자',   icon: <IcPaper />     },
+  { page: 'virtual',   label: '가상투자',   icon: <IcVirtual />   },
   { page: 'strategy-editor', label: '전략편집기', icon: <IcStrategyEditor /> },
   { page: 'backtest',  label: '백테스팅',   icon: <IcBacktest />  },
   { page: 'settings',  label: '설정',       icon: <IcSettings />  },