데이터관리 입력 탭 전환 시 소실 수정: userRecords를 App으로 lift

DataTab 등록 검토건(userRecords)이 컴포넌트 로컬 state라 탭 전환 시
unmount되며 소실됐음. App으로 state를 올려 세션 동안 유지(탭 왕복 OK,
새로고침 시 리셋 — 세션 한정).

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

web/src/App.jsx

@@ -11,6 +11,8 @@ const TABS = [
 
 export default function App() {
   const [tab, setTab] = useState('test');
+  // 등록 검토건은 App에 보관 → 탭 전환(DataTab unmount)에도 세션 동안 유지
+  const [userRecords, setUserRecords] = useState([]);
 
   return (
     <div className="shell">
@@ -48,7 +50,7 @@ export default function App() {
         <div className="wrap">
           {tab === 'explain' && <ExplainTab />}
           {tab === 'test' && <TestTab />}
-          {tab === 'data' && <DataTab />}
+          {tab === 'data' && <DataTab userRecords={userRecords} setUserRecords={setUserRecords} />}
         </div>
       </main>
     </div>

web/src/DataTab.jsx

@@ -5,9 +5,9 @@ const STAGE_OPTIONS = ['거래상대방 등록', '투자상담', '사전협의',
 const STATUS_OPTIONS = ['진행중', '정체', '완료', '약정 진행 중', '약정체결 완료'];
 const SEC_OPTIONS = ['보통주', 'CPS', 'RCPS', 'CB', 'BW', '기타'];
 
-export default function DataTab() {
+export default function DataTab({ userRecords, setUserRecords }) {
   const [dataset, setDataset] = useState({ funds: [], gps: [] });
-  const [userRecords, setUserRecords] = useState([]); // 세션 추가분
+  // userRecords는 App에서 props로 받음 → 탭 전환에도 유지(세션 한정)
 
   // 폼 상태
   const [label, setLabel] = useState('');