Navigation 컴포넌트 구현

[sik9252]

🎨 작업 개요

피그마의 [Navigation] 프레임을 기반으로 상단 내비게이션 바(GNB)를 구현합니다.
좌측엔 로고와 메인 메뉴, 우측엔 인증 상태(로그인 전/후)에 따라 달라지는 UI를 처리해야 합니다.

📋 상세 스펙

**1. Menu State **

• Timer: 모두 Not Select
• Dashboard: 대시보드 Select(Underline)
• Ranking: 랭킹 Select(Underline)

2. Auth State

• Login=No: 로그인, 회원가입 텍스트 버튼 표시
• Login=Yes: 유저 아바타 + 닉네임 표시

✅ 작업 체크리스트

[ ] 개발
[ ] 문서화 (Storybook): LoggedOut 상태와 LoggedIn 상태 스토리 각각 작성
[ ] 테스트 (Vitest): 메뉴 클릭 시 링크 이동 확인, 로그인 상태별 텍스트 렌더링 검증