화면 헤더(Top Navigation) 통합 컴포넌트

[xeoxxn]

어떤 기능인가요?

화면마다 따로 조립하던 헤더(ScreenHeader)를, Figma에서 확인한 여러 Top Navigation 패턴(타이틀 정렬, leading/trailing 아이콘 조합, 게시판류의 토글형 2단 타이틀 등)을 props로 선택할 수 있는 하나의 컴포넌트로 통합한다. 디자인 자체를 바꾸는 게 아니라 기존 WDS TopNavigation을 감싸는 방식을 정리하는 리팩토링이다.

계획: docs/plans/unified-screen-header.md (로컬 전용 문서, 저장소에는 안 올라감)

📝 작업 상세 내용

• ScreenHeader props를 variant("display"/"normal") + title(문자열 또는 토글 옵션) + leading/trailing(ReactNode)로 재설계
• title이 { options, activeIndex, onChange } 형태면 게시판류의 활성/비활성 토글 타이틀을 렌더링
• variant="display"에서 leading을 못 쓰게 타입으로 막기(WDS TopNavigation이 display에서 leading/trailing 포지셔닝을 안 줌)
• 기존 호출부(HomeScreen, BililgeListScreen)를 새 props로 마이그레이션 — 화면에 보이는 결과는 그대로 유지
• search variant는 이번 범위에서 제외(검색 화면이 아직 없음)

📁 참고 자료 (선택)

Figma Stream 파일 — Top Navigation 인스턴스 (nodeId 1243:73331 등 display, 1256:81781 게시판 토글 타이틀, 1130:41275 normal+닫기)