feat: 모임 참가 페이지 UI 구축

[kangdy25]

🚀 feat: 모임 참여 페이지 UI 구축

📝 변경사항

• figma 시안에 따라 반응형 이름/비밀번호 입력 페이지 UI 구현
• 입력 필드 유효성 검사 로직 및 버튼 활성화 상태 관리
• 링크 공유 페이지와 Link 연결

✅ 체크리스트

• 코드 리뷰를 받았습니다
• 테스트를 완료했습니다
• 린터 에러가 없습니다
• 타입 에러가 없습니다
• 브라우저에서 테스트를 완료했습니다
• 모바일에서 테스트를 완료했습니다 (해당되는 경우)

📸 스크린샷

UI 변경 사항이 있다면 이미지를 드래그해서 넣어주세요!

💬 리뷰어 전달사항

• 리뷰어가 특별히 확인해야 할 사항이 있다면 적어주세요.

Summary by CodeRabbit

새로운 기능

• 새로운 미팅 참여 폼이 추가되었습니다. 사용자 이름(최대 20자), 4자리 비밀번호, 계정 정보 저장 옵션을 입력할 수 있으며, 입력 값 검증 기능이 적용됩니다.

개선사항

• 미팅 참여 페이지로 이동하는 탐색 링크가 업데이트되었습니다.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

새로운 회의 참가 페이지를 추가하고 기존 공유 페이지의 네비게이션 링크를 업데이트했습니다. 회의 참가 폼은 이름(최대 20자), 4자리 숫자 비밀번호, 정보 저장 토글을 포함하며 유효성 검사를 수행합니다.

Changes

콘텐츠 / 파일(들)	변경 요약
새로운 회의 참가 페이지 app/join/page.tsx	새로운 클라이언트 컴포넌트 추가. 이름 입력(최대 20자), 4자리 숫자 비밀번호(마스킹됨), "정보 저장" 체크박스 토글 포함. 유효성 검사: 공백이 아닌 이름과 정확히 4자리 비밀번호 필수. 제출 시 입력 데이터 로깅. 조건부 스타일링과 동적 플레이스홀더 포함.
네비게이션 링크 업데이트 app/share/page.tsx	공유 페이지의 네비게이션 링크 대상을 "/" 에서 "/join" 으로 변경.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description check	✅ Passed	PR 설명이 템플릿의 모든 필수 섹션을 포함하고 있으며, 변경사항과 체크리스트가 충실히 작성되어 있습니다.
Title check	✅ Passed	PR 제목은 변경사항의 주요 내용인 모임 참가 페이지 UI 구축을 명확하게 설명하고 있습니다.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}