feature/issue 96 enhanced copy to clipboard

[thescientist13]

Related Issue

resolves #96

Summary of Changes

1. Created a CtC Block component with support for two variants
   • runners - For npm, yarn, and pnpm based code samples
   • snippet - For any other sort of code sample, e.g. HTML, CSS, JS, etc
2. Added some docs regarding considerations around using WCs + markdown (since we had to tweak one of the examples)

TODO

1. getting a Stylelint error in GitHub, but not locally? 🤔 - rebase fixed it
2. this snippet formatting is looking borked on production builds both on the page and the copy paste output?
   
3. logos are missing on mobile
   
4. get internal feedback
5. add Storybook examples
6. add test cases
7. technically the $ should be white in the output for runners variant
8. naming / align with home page button icon
9. needs upstream patches PR - chore/upgrade greenwood v0.30.0 alpha.7 #107
10. apply to all docs / guides content - wait for Docs Page #31
11. try and hide initial content
12. (nice to have) figure out snippet formatting bug

---

Thoughts / Questions

1. Not sure if we will need a generic shell commands option?
2. Could we use <details> + <summary>, or maybe popover for this? Perhaps align with Progressively Enhanced Capabilities content #81 ?

[netlify]

✅ Deploy Preview for super-tapioca-5987ce ready!

Name	Link
🔨 Latest commit	fffe84b
🔍 Latest deploy log	https://app.netlify.com/sites/super-tapioca-5987ce/deploys/67255bf1f3f9b00008e2470d
😎 Deploy Preview	https://deploy-preview-120--super-tapioca-5987ce.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 configuration.