Improve calendar accessibility and keyboard navigation

[grantf04]

Summary

• adds roving keyboard focus for the date grid with Arrow, Home/End, Escape, and PageUp/PageDown month navigation
• improves screen reader labels for the calendar grid, dates, selected ranges, notes, and note textareas
• respects reduced-motion preferences for page flips, day hover/tap motion, theme toggle animation, and the mobile notes drawer
• keeps decorative note dots and mobile drawer chrome hidden from assistive tech while making the drawer a dialog
• allows the existing quality={80} image setting in Next config to remove the local image quality warning

/claim #3

Verification

• npm run build
• Browser smoke at http://127.0.0.1:4131: roving tabbable date verified, ArrowRight moved focus, PageDown moved to June 2026, notes textarea resolved by accessible label, prev/next/today controls resolved uniquely, console errors were empty.

Note

The OpenBounty bot currently says the bounty is drafted and not publicly funded yet. This PR is still submitted as a complete accessibility pass for the issue scope.

[vercel]

@grantf04 is attempting to deploy a commit to the akkki007's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Warning

Rate limit exceeded

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

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ 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: defaults

Review profile: CHILL

Plan: Pro

Run ID: 21c27599-5ac8-4f12-a3ae-8cca0331bf31

📥 Commits

Reviewing files that changed from the base of the PR and between 47135d2 and 4b3878e.

📒 Files selected for processing (7)

• next.config.ts
• src/components/WallCalendar/CalendarGrid.tsx
• src/components/WallCalendar/DayCell.tsx
• src/components/WallCalendar/FlipTransition.tsx
• src/components/WallCalendar/NotesPanel.tsx
• src/components/WallCalendar/ThemeToggle.tsx
• src/components/WallCalendar/WallCalendar.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

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.}