추세검색 화면 적용

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' | 'virtual' | 'strategy' | 'strategy-editor' | 'backtest' | 'notifications' | 'settings';
+export type MenuPage = 'dashboard' | 'chart' | 'paper' | 'virtual' | 'trend-search' | 'strategy' | 'strategy-editor' | 'backtest' | 'notifications' | 'settings';
 
 interface TopMenuBarProps {
   activePage: MenuPage;
@@ -137,11 +137,20 @@ const IcVirtual = () => (
   </svg>
 );
 
+const IcTrendSearch = () => (
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+    <circle cx="7" cy="7" r="4.5"/>
+    <path d="M10.5 10.5L14 14"/>
+    <path d="M5 7h4M7 5v4"/>
+  </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: 'trend-search', label: '추세검색', icon: <IcTrendSearch /> },
   { page: 'strategy-editor', label: '전략편집기', icon: <IcStrategyEditor /> },
   { page: 'backtest',  label: '백테스팅',   icon: <IcBacktest />  },
   { page: 'settings',  label: '설정',       icon: <IcSettings />  },