Feat: Code Component

[Rain-kanyini]

Summary

This PR creates a code component for Compound

This PR fixes/implements the following bugs/features

• Creates a Code component

When a user wants to use a code bracket, or single line of code. They can use this Atom to show their code styled with the correct Markup

Documentation Update (required)

If this pull request requires a change to Emulsify documentation, those changes, updates, and/or new information must accompany this pull request.

How to review this PR

• [x] Go here -> http://localhost:6006/?path=/story/atoms-text--code-example
• [ ] Use your code editor to go here -> components/01-atoms/text/code to view the files to see if the conventions that I used was correct

[Rain-kanyini]

@Gregg-Hendrix approving this PR so we can review/approve as a group during our Frontend L10. Can you update the styles one more time?

1. Remove the styles added to .code
2. Add margin: 0; and background-color: var(--c-background-section); to .pre.

If you make these changes you should see it like:

@callinmullaney , thank you for this feedback! I have now made these changes, and it matches the photo. I will add this to the L10 IDS :)

[github-actions[bot]]

:tada: This PR is included in version 1.10.0 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: