a11y: PropertyCard nests buttons inside an <a>, breaking keyboard semantics

[nanaf6203-bit]

Summary

The whole PropertyCard is wrapped in a <Link>. Inner clickable elements (cart, favourite, compare toggle, "View") have stopPropagation but no equivalent in the keyboard activation model, leading to nested-interactive-element violations and screen readers being confused about how to focus.

Affected area

src/components/PropertyCard.tsx

Steps to reproduce

Tab into a card; focus moves to the <a> first, then elements inside have ambiguous tabindex; keyboard Enter on the inner buttons can both activate the link AND the inner button.

Expected behaviour

Make the card a <article> and provide an explicit "View details" link plus standalone buttons for cart/favorite/compare.

Acceptance criteria

• Removing nested-interactive violations in axe-core.
• Document the new interaction pattern.
• Visual regression test keeps the layout.

[daniel007-ai]

@daniel007-ai has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

i would love to work on this issue sir

ℹ️ Repo Maintainers: To accept this application, review their application or assign @daniel007-ai to this issue.

[ppaker119]

@ppaker119 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi maintainer. I am interested in this issue.

I have experience working across frontend, backend, smart contracts, and developer tooling, and I’m comfortable making targeted fixes and improvements in existing codebases. I’ll ensure the implementation is clean, tested, and aligned with the project requirements.

Thanks!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ppaker119 to this issue.

[drips-wave]

Congratulations, @daniel007-ai! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @daniel007-ai: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @daniel007-ai as part of the Stellar Wave Program's 6th Wave 🥳

😎 @daniel007-ai: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.