[Feat/#15] 게시판 공지 목록/탭 화면 추가

[jjunh33]

#️⃣연관된 이슈

• Closes 게시판 - 공지 목록/탭 화면 추가 #15

🎯 해결하려는 문제가 무엇인가요?

게시판/공지 탭에서 공지 목록을 볼 수 있는 화면이 없었다. Figma "UI > 게시판/공지" 섹션(nodeId 1256:81776)을 기준으로 공지 목록 + 탭(전체/일반 공지/제휴 공지) 전환 화면을 구현한다.

❓ 왜 해결해야 하나요?

게시판은 STREAM의 핵심 화면 중 하나(Bottom Nav 4개 탭에 포함)인데 아직 아무 화면도 없어서, 홈/빌릴게에서 게시판 탭을 눌러도 갈 곳이 없었다.

⭐ 어떻게 해결했나요?

• features/notice/ 아래에 목록 화면(NoticeListScreen)과 Stream 로컬 카드 컴포넌트(NoticeCard)를 추가했다. 정적 목업 데이터(constants/notices.ts)로 렌더링한다(API 미연동, 이번 범위 아님).
• WDS TopNavigation/Tab+TabList+TabListItem/IconSearch/IconBell을 그대로 재사용하고, Notice-card/디바이더는 기존 문서 판단대로 Stream 로컬로 새로 만들었다.
• 기존 ScreenLayout/BottomNav/라우팅 인프라(빌릴게 PR에서 만들어진 것)를 그대로 재사용해서 화면 뼈대를 다시 만들지 않았다.
• WDS 판단 오류 정정: 처음엔 고정 핀 아이콘을 search_design_system 이름 매칭만으로 Icon/Normal/Pin(WDS, wds-icon의 IconPin)로 판단했는데, /figma-check로 재검증하며 실제 Figma SVG를 열어보니 wds-icon의 IconPin/IconPinFill(직선 모양)과 다른, 기울어진 모양 + #0066FF 고정 색이 박힌 별개의 도형이었다. Icon/Normal/Pin으로 오판했던 매핑은 docs/conventions/wds-component-usage.md에 반례로 정정했고, 코드는 Figma 원본 SVG를 그대로 받아 src/assets/icons/pin.svg로 대체했다.

🧩 이 PR의 한계 & 트레이드오프

• 공지 데이터는 정적 목업이라 실제 API 연동 전까지는 새 공지를 추가할 수 없다.
• "공지"/"열린피드백" 두 게시판 전환 UI(Board Title)는 Figma에 있지만, 이번 범위는 공지 게시판만이라 "열린피드백" 쪽은 비활성 텍스트로만 표시하고 클릭 동작은 넣지 않았다.
• 공지 상세 화면(공지 상세, 공지 상세 - 사진 없을 때)은 이번 범위 밖이라 카드 클릭 시 이동하는 곳이 아직 없다.

⛓️ 기존 기능에 미치는 영향

• HomeScreen/RentalListScreen의 Bottom Nav 핸들러에 board 분기가 추가됐지만, 기존 home/rental 분기 동작은 그대로라 회귀 영향 없음.
• index.css에 토큰 2개(label-disable, line-normal-alternative)가 추가됐을 뿐 기존 토큰 값은 안 건드림.

🔀 Edge Case & 실패 시나리오

• 탭 필터링 결과가 0건인 카테고리는 없음(목업 데이터가 일반/제휴 모두 포함) — 다만 향후 실제 데이터 연동 시 빈 목록 상태(Empty State) 처리는 별도 필요.

📋 검토한 대안과 선택 이유

• 고정 핀 아이콘: wds-icon의 IconPin을 색만 바꿔 쓰는 방안도 검토했으나, Figma 원본과 모양 자체가 달라(직선 vs 기울어짐) 정확히 일치시키려면 실제 에셋을 받는 쪽을 선택했다.

💬 리뷰 포인트

• [c] WDS 판단 오류를 정정한 부분(Icon/Normal/Pin → 커스텀 에셋)이 맞는 방향인지 확인 부탁드립니다.