fix(button): conflicting hover state

[sstrubberg]

Closes #8961
Refs #7040
Refs #4560
Refs #8022

*** DO NOT MERGE** until the MouseOut logic is removed from the Button story.

By removing the setIsHovered state on handleFocus and handleMouseEnter, I was able to isolate and remove the conflicting style, ${prefix}--tooltip--visible, fixing the issue.

Also removed the conflicting Storybook Actions add-on for the Button story.

Testing / Reviewing

Open storybook and examine Button, specifically iconOnly button, the Playground, and the MouseOut story (the story that needs to be removed before merging the PR). Ensure the tooltips on the button fire on/off correctly with mouse and keyboard control.

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 3be5cd4

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/612fc0bce995ff0007985d8f

😎 Browse the preview: https://deploy-preview-9504--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 7051081

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/611e62303367890007722ff4

😎 Browse the preview: https://deploy-preview-9504--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 7051081

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/611e623041c026000972083a

😎 Browse the preview: https://deploy-preview-9504--carbon-components-react.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 3be5cd4

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/612fc0bcd1a63300080b8421

😎 Browse the preview: https://deploy-preview-9504--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 3be5cd4

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/612fc0bc815fe3000801defa

😎 Browse the preview: https://deploy-preview-9504--carbon-components-react.netlify.app

[tw15egan]

Looks great, just a few comments! I think TooltipIcon uses the same logic, so I think we'd want to port the same fixes over there as well. Do you want to bundle that in this PR, or create a new one?

[sstrubberg]

@tw15egan Removed those zombies and removed the logic from TooltipIcon

[tw15egan]

LGTM once test stories are removed 👍 ✅