Adjust desktop nav link hit area

[dogussyaman]

Motivation

• Make the padded area of each desktop nav item fully clickable by moving motion interactions onto the Link element so the hit area includes padding.
• Preserve the existing hover/active pill measurement and animation behavior for visual consistency.

Description

• Introduce MotionLink = motion(Link) and use it in place of the previous motion.div + nested Link so the motion props are applied directly to the anchor.
• Move padding and cursor styles onto the Link (now MotionLink) so the full padded area becomes clickable while keeping the visual text styles.
• Keep the pill positioning logic (useLayoutEffect, itemRefs, and pill motion.li) intact so hover/active pill animation continues to work as before.

Testing

• Started the dev server with npm run dev and Next.js reported Ready successfully.
• Attempted a Playwright screenshot to validate the change, but the browser process crashed with a SIGSEGV and the screenshot run failed.
• No unit or integration tests were executed as part of this change.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
code-crafters	Ready	Preview, Comment	Feb 7, 2026 9:44am