style(footer): improve link hover and focus states

[ComputelessComputer]

No description provided.

[netlify]

✅ Deploy Preview for hyprnote ready!

Name	Link
🔨 Latest commit	27482c7
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/69354d4828024000080de096
😎 Deploy Preview	https://deploy-preview-2161--hyprnote.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for hyprnote-storybook ready!

Name	Link
🔨 Latest commit	27482c7
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote-storybook/deploys/69354d48a69cfe0008442d58
😎 Deploy Preview	https://deploy-preview-2161--hyprnote-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

📝 Walkthrough

Walkthrough

Updated CSS hover and focus behavior for ResourcesLinks component in footer. Replaced direct hover underlines with group-based hover/focus underlines, and moved dotted decoration styling from hover state to always-present state.

Changes

Cohort / File(s)	Summary
Footer styling updates apps/web/src/components/footer.tsx	Modified ResourcesLinks Link component styles: replaced hover:underline with group-hover:underline and group-focus:underline; moved decoration-dotted from hover state to always-present, changing underline behavior from direct hover to parent group hover/focus triggers

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

• Localized CSS class changes affecting only two Link components
• No logic or functional changes
• Straightforward styling modification with clear intent

Possibly related PRs

• feat(web): add hover-reveal links for VS pages and use cases in footer #2134: Modifies ResourcesLinks link hover/focus behavior with group-hover interactions and hover-reveal state changes in the same footer component
• style(footer): update layout and link styles for improved readability #2039: Updates link styling in footer.tsx affecting decoration-dotted and underline/hover behavior patterns
• ui/footer-remove-default-underlines #2082: Changes the same footer link classnames for underline/decoration behavior but implements inverse approach (removes underlines by default vs. adding them on group interaction)

Pre-merge checks and finishing touches

❌ Failed checks (1 warning, 1 inconclusive)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.
Description check	❓ Inconclusive	No description was provided by the author, making it impossible to assess relevance to the changeset.	Add a description explaining the rationale for these hover/focus state changes and any user-facing or technical benefits.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: improving link hover and focus states in the footer component through CSS modifications.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch style/footer-link-states

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between b331820 and 27482c7.

📒 Files selected for processing (1)

• apps/web/src/components/footer.tsx (2 hunks)

🧰 Additional context used

📓 Path-based instructions (1)

**/*.{ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

**/*.{ts,tsx}: Avoid creating a bunch of types/interfaces if they are not shared. Especially for function props, just inline them instead.
Never do manual state management for form/mutation. Use useForm (from tanstack-form) and useQuery/useMutation (from tanstack-query) instead for 99% of cases. Avoid patterns like setError.
If there are many classNames with conditional logic, use cn (import from @hypr/utils). It is similar to clsx. Always pass an array and split by logical grouping.
Use motion/react instead of framer-motion.

Files:

• apps/web/src/components/footer.tsx

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (5)

• GitHub Check: Redirect rules - hyprnote
• GitHub Check: Header rules - hyprnote
• GitHub Check: Pages changed - hyprnote
• GitHub Check: ci
• GitHub Check: fmt

---

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