fix(datagrid): align action items focus/hover/selected with dropdown

[kevinbuhmann]

Use the same styles as dropdown items for datagrid action items. This results in focus being indicated with an outline instead of focus and hover using the same background color.

CDE-2565

[github-actions]

👋 @kevinbuhmann,

• 🙏 The Clarity team thanks you for opening a pull request
• 🎉 The build for this PR has succeeded
• 🔍 The PR is now ready for review
• 🍿 In the meantime, view a preview of this PR
• 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our internal Clarity Support space

Thank you,

🤖 Clarity Release Bot

[dtsanevmw]

We should sync with design as there is no specification in Figma but I think we should have hover, :active, :focus, plus the additional states that we have on other components of this type if we count focus as selected ( selected-hover, selected-active ). Currently if you click on element with the mouse you are not getting to an :active state and it directly gets the focus / selected color and it get closed.

I see there is .active class there but not sure when this is activated.

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed PRs after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.