Enhanced hover effects for featureHeading on Kanvas page

[kishore08-07]

Description

This PR fixes #7082

• This PR enhances the hover behavior of the Design, Operate, and Collaborate boxes on the Kanvas page.
• It ensures that hovering over the featureHeading component triggers the same background and border color effects as the box itself.

Screencast.from.2025-10-25.19-54-12.webm

Notes for Reviewers

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 7f8ef5c at: https://68fcdfb5d4cc728b361a2991--layer5.netlify.app

[l5io]

🚀 Preview for commit d786825 at: https://68fe625a673ad3c325292bb0--layer5.netlify.app

[leecalcote]

The behavior is not ideal. Color changes, and you can click in some areas, not others. Don't change color if you can't click or make everything clickable so color can change. Make sure that color change = clickable.

[Rajesh-Nagarajan-11]

Thank you for your contribution!
Let's discuss this during the website call today at 5:30 PM IST | 7 AM CT
Add it as an agenda item to the meeting minutes, if you would 😄

[kishore08-07]

The behavior is not ideal. Color changes, and you can click in some areas, not others. Don't change color if you can't click or make everything clickable so color can change. Make sure that color change = clickable.

I’ve made the whole box clickable now, so the hover color change aligns with clickability. Hope this resolves the issue! 🙌

[l5io]

🚀 Preview for commit f7b92ff at: https://68ff7b6f396c1c2df43ab55c--layer5.netlify.app

[saurabhraghuvanshii]

@kishore08-07 lgtm

[l5io]

🚀 Preview for commit 0d39454 at: https://68ffb5aa41a8cbe1fa04cfbe--layer5.netlify.app