fix(code-snippet): update component to spec

[emyarod]

Part of #7159

This PR adds an active style to the code snippet copy buttons and repositions the button to be aligned with the "show more" chevron in multiline snippets.

Changelog

New

• copy button active styles

Changed

• multiline code snippet copy button positioning
• light hover token for copy button

Testing / Reviewing

Confirm the code snippet matches the spec

[netlify]

Deploy preview for carbon-elements ready!

Built with commit d779453

https://deploy-preview-7214--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit d779453

https://deploy-preview-7214--carbon-components-react.netlify.app

[laurenmrice]

• The light prop needs to also have an active state change for the copying functionality for inline/single line/multi-line code snippets. It is not showing up.

• I think the multi-line code snippet copy button is too large which is why it is misaligning with the ghost button below it. It needs to be a 32px icon button instead of 40px.
  

[laurenmrice]

So it was noticed that we need to make a token for active-light-ui for the light prop to achieve the correct colors.

Also for the current hover-light-ui token, it would be better to have calculated hover values for the dark themes like we do for the light themes.

[emyarod]

new active token and hover token updates will be here #7275

[laurenmrice]

When the light prop and hide copy functionalities are both on, the inline code snippet is getting a hover. There should be no hover state when hide copy is on.

Everything else looks great!

[laurenmrice]

Looks great! Thank you 🙌🏻