fix(TreeView): prevent disabled node selection and expansion

[emyarod]

Related #6792
Related #11402

This PR prevents keyboard shortcuts and mouse interactions to affect disabled tree node expansion and selection states

Changelog

New

• prevent disabled node expansion and selection

Changed

• unnest CSS

Testing / Reviewing

the existing keyboard shortcuts should still function as expected except for disabled tree nodes

reviewers can also hide whitespace changes in GitHub for a cleaner diff on the style changes

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	f005ed2
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/6298da899e61930008c4f94f
😎 Deploy Preview	https://deploy-preview-11520--carbon-components-react.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 site settings.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	f005ed2
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/6298da898f64740008d591fd
😎 Deploy Preview	https://deploy-preview-11520--carbon-elements.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 site settings.

[jnm2377]

Hey @emyarod thanks for opening this. Maybe I'm missing something, but when I test in the current storybook example of TreeView, it's already not clickable/expandable via mouse or keyboard. Should I be testing this differently to make sure it's working? I am testing via mouse + keyboard arrows/space/enter.

Screen.Recording.2022-06-01.at.1.00.13.PM.mov

[emyarod]

@jnm2377 the PR will also prevent expansion and collapsing when clicking disabled toggle buttons

this is the current storybook behavior:

Screen.Recording.2022-06-01.at.15.05.26.mov