fix: modal UX improvements + word reveal fix

[Hugo0]

Summary

Modal UX

• X button: Moved from inside content div to the modal frame itself with a proper SVG icon — consistent position across all modals (help, settings, stats) regardless of padding
• Enter/exit animation: Replaced CSS-only modal-animate (no exit) with Vue <Transition> — 200ms ease-out enter, 150ms ease-in leave for both modal and backdrop
• Centering: True viewport centering with inset-0 + flexbox (was offset with top-10)
• Countdown jitter: Added min-h-[60px] + tabular-nums to timer so digits don't resize the modal

Word detail page

• Today's word (/{lang}/word/N) now correctly reveals after beating the game — checks localStorage for game_over flag even when SSR provides the word data
• Uses SSR-provided definition as fallback so it renders instantly without an extra API call

Test plan

• Open/close help, settings, stats modals — smooth enter + exit animation
• X button visible and properly positioned in all three modals
• Stats modal countdown doesn't jitter or resize
• Beat today's game, navigate to /en/word/1730 — should show word + definition
• Clear localStorage, visit /en/word/1730 — should show "Play to reveal"

[coderabbitai]

Warning

Rate limit exceeded

@Hugo0 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 7 minutes and 57 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: defaults

Review profile: CHILL

Plan: Pro

Run ID: 1c682979-b97c-4ade-bb92-480cab8cae4b

📥 Commits

Reviewing files that changed from the base of the PR and between 8902ba2 and 9051c30.

📒 Files selected for processing (1)

• pages/[lang]/word/[id].vue

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/modal-ux-improvements

📝 Coding Plan

• Generate coding plan for human review comments

---

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