feat: 홈 주간 캘린더 스와이프 제스처 추가

[heesunee]

#️⃣ Related Issue

Closes #406

☀️ New-insight

• framer-motion의 AnimatePresence + mode="popLayout"을 사용하면 exit/enter 애니메이션이 동시에 진행되어 자연스러운 슬라이드 전환이 가능
• useRef로 터치 시작 좌표와 방향을 관리하면 리렌더 없이 스와이프 판정 가능

💎 PR Point

• 스와이프 구현: onTouchStart/onTouchEnd로 좌우 스와이프 감지 후 onWeekChange 콜백으로 주 이동 처리. SWIPE_THRESHOLD(50px) 이상 이동 시에만 동작
• 애니메이션: slideVariants로 방향에 따른 enter/exit 슬라이드 정의. directionRef를 custom prop으로 전달해서 방향별 애니메이션 분기
• Props 전파: WeekCalendar → CalendarSection → Home으로 onWeekChange 콜백 전달. Home에서 setBaseWeekDate로 ±7일 이동

📸 Screenshot

2026-03-21.6.13.06.mov

[coderabbitai]

Warning

Rate limit exceeded

@heesunee has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 27 minutes and 44 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 09e18951-608a-45d4-8065-799d77440fbd

📥 Commits

Reviewing files that changed from the base of the PR and between 18cce7d and 368c6b9.

📒 Files selected for processing (3)

• src/pages/home/components/calendar-section.tsx
• src/pages/home/home.tsx
• src/shared/components/calendar/week-calendar.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/#406/calendar-swipe

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[cloudflare-workers-and-pages]

Deploying mateball-client with    Cloudflare Pages

Latest commit:	368c6b9
Status:	✅  Deploy successful!
Preview URL:	https://156b1b05.mateball-client.pages.dev
Branch Preview URL:	https://feat--406-calendar-swipe.mateball-client.pages.dev

View logs

[github-actions]

MATEBALL-STORYBOOK
⚾ Storybook 배포가 완료되었습니다!