feat: 포스트 네비게이션 및 관련 포스트 시스템 구현 (#9)

* config: 프로젝트 설정 및 의존성 업데이트

- 테스트 환경 설정 (Vitest, test setup)
- Next.js 정적 내보내기 설정
- VS Code 설정 및 개발 환경 구성
- 프로젝트 문서 업데이트

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

* feat: 포스트 및 태그 엔티티 로직 강화

- 포스트 네비게이션 및 관련 포스트 로직 추가
- 태그 기반 포스트 검색 기능 구현
- 그래프 기반 포스트 관계 분석 로직
- 포스트 메타데이터 처리 개선
- 단위 테스트 확장 및 커버리지 개선

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

* feat: 태그 색상 및 날짜 포맷 유틸리티 함수 추가

- 태그별 고유 색상 생성 로직 구현
- 날짜 포맷팅 함수 개선 (상대적 날짜 표시)
- 단위 테스트 추가로 함수 안정성 확보
- TypeScript 타입 안전성 보장

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

* feat: 포스트 네비게이션 및 관련 포스트 컴포넌트 추가

- PostNavigation: 이전/다음 포스트 네비게이션 구현
- RelatedPosts: 태그 기반 관련 포스트 추천 기능
- TagBadge: 태그 표시 컴포넌트 (색상 지원)
- TagList: 태그 목록 렌더링 컴포넌트
- 접근성 및 반응형 디자인 적용

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

* feat: 포스트 페이지 레이아웃 및 컴포넌트 통합

- 포스트 페이지에 네비게이션 및 관련 포스트 추가
- PostHeader에 태그 표시 기능 통합
- PostFooter에서 네비게이션 컴포넌트 분리
- 전역 레이아웃 및 스타일링 개선
- 컴포넌트 내보내기 통합

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

* feat: 애플리케이션 상수 및 테스트 콘텐츠 추가

- 전역 상수 정의 (PAGE_SIZE, RELATED_POSTS_COUNT)
- 테스트용 MDX 콘텐츠 추가
- 한국어 콘텐츠 지원 확인

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

---------

Co-authored-by: Claude <[email protected]>

Author: kickbelldev

.gitignore

@@ -39,3 +39,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+.kiro/specs
+
+*.bak

.kiro/steering/task-execution-process.md

@@ -32,7 +32,6 @@
 - **커스텀훅**: 로직은 커스텀훅으로 분리함
 - **컴포넌트 분리**: 50줄 이상의 컴포넌트는 분리 고려
 
-### 컴포넌트 구현
 ```typescript
 // 1. 인터페이스 정의
 interface ComponentProps {
@@ -52,6 +51,9 @@ export function Component({
 ```
 
 ### 비즈니스 로직 구현
+
+- ESM 모듈 시스템을 활용해 적절히 인터페이스 노출
+
 ```typescript
 // 1. 타입 정의
 export type DataType = {
@@ -72,6 +74,9 @@ describe('processData', () => {
 })
 ```
 
+### Next.js 아키텍처 준수
+- App Router의 이점과 서버 컴포넌트를 적극 활용
+
 ### 기능 구조 우선
 - 스타일링보다 기능적 구조와 로직에 집중
 - 컴포넌트의 역할과 책임을 명확히 정의

.vscode/settings.json

@@ -27,5 +27,6 @@
   },
   "[tailwindcss]": {
     "editor.defaultFormatter": "biomejs.biome"
-  }
+  },
+  "biome.enabled": true
 }