feat(frontend): 보유 종목 상대성과와 데이터 출처 표시 UI 추가

[dkfhddla]

Problem

사용자는 보유 또는 즐겨찾기한 종목의 평균 매수가 대비 현재 주가/퍼센트와 구매 당시 또는 당일 시장 대비 수익률을 한 화면에서 보고 싶어 한다. provider 연동 이후 프론트엔드는 계산 결과뿐 아니라 데이터 출처와 갱신 시각도 표시해야 한다.

Expected Behavior

프론트엔드 대시보드는 보유 종목별 현재가, 평균 매수가 대비 수익률, KOSPI/KOSDAQ 대비 당일 상대성과, 보유 기간 기준 상대성과, 데이터 출처와 마지막 갱신 시각을 허용된 위젯으로 표시해야 한다.

Scope

• 보유 종목 테이블/카드에 현재가와 평균 매수가 대비 수익률 표시
• 시장 대비 당일 상대성과 표시
• 보유 기간 기준 상대성과 표시
• provider명과 마지막 갱신 시각 배지 표시
• stale/error/unauthorized 상태 UI 표시
• PC 표 중심, 모바일 카드형 레이아웃 검증

Acceptance Criteria

• 사용자는 보유 종목별 현재가와 평균 매수가 대비 수익률을 볼 수 있다.
• 사용자는 종목별 KOSPI/KOSDAQ 대비 당일 상대성과를 볼 수 있다.
• 사용자는 종목별 보유 기간 기준 상대성과를 볼 수 있다.
• 화면에는 provider명과 마지막 갱신 시각이 표시된다.
• 데이터가 부족하거나 권한이 없거나 provider 오류가 나면 명확한 상태가 표시된다.
• PC와 모바일에서 텍스트 겹침 없이 표/카드 레이아웃이 동작한다.
• 기존 Dashboard Schema 렌더러 보안 제한은 유지된다.

Evidence Pointers

• docs/specs/mvp-foundation.md: R-005 대시보드, R-007 동적 뷰 렌더러 - accepted
• docs/specs/frontend-user-flow.md: 프론트엔드 화면 흐름 - accepted
• 사용자 인터뷰: 보유/즐겨찾기 종목의 평균 매수가, 현재 주가/퍼센트, 시장 대비 수익률 표시 - accepted

Affected Areas

• frontend/src/features/dashboard/
• frontend/src/lib/dashboardApi.ts
• frontend/tests/
• docs/ui/

Non-Goals

• 거래 실행 UI
• 자동매매 UI
• 출처 없는 AI 투자 요약

[dkfhddla]

중복 방지 메모: #2에도 보유 종목 대시보드 표시가 포함되어 있지만, #2는 외부 API 없는 로컬/모의 데이터 MVP UI입니다.

이 이슈는 #20-#23 이후 provider 기반 데이터와 계산 결과를 프론트엔드에 표시하는 후속 확장입니다. #2에서 만든 표/카드 레이아웃과 Dashboard Schema 렌더링 제한을 유지하면서, 현재가·상대성과·provider명·마지막 갱신 시각·오류/지연 상태 표시를 추가하는 방향으로 진행하면 됩니다.