모의투자 화면수정

frontend/src/components/PaperTradingPage.tsx

@@ -250,15 +250,18 @@ const PaperTradingPage: React.FC<Props> = ({
       rightStorageKey="ptd-right-width"
       rightDefaultWidth={440}
       rightCollapsedStorageKey="ptd-right-open"
+      headerCenter={!s?.enabled ? (
+        <span className="bps-header-status-text" role="status">
+          모의투자가 꺼져 있습니다. 설정에서 활성화하세요.
+        </span>
+      ) : undefined}
+      headerCenterMode="between"
       headerActions={(
         <>
           <button type="button" className="bps-btn bps-btn--ghost" onClick={() => void loadData()}>새로고침</button>
           <button type="button" className="bps-btn bps-btn--danger" onClick={() => void handleReset()}>계좌 초기화</button>
         </>
       )}
-      banner={!s?.enabled ? (
-        <div className="bps-banner bps-banner--warn">모의투자가 꺼져 있습니다. 설정에서 활성화하세요.</div>
-      ) : undefined}
       leftTabs={leftTabs}
       left={leftTab === 'strategy' ? (
         <PaperLeftStrategyTab