feat(docs): Add CodeBlock component (resend#1062)

Author: gabrielmfern

docs/changelog.mdx

@@ -6,6 +6,15 @@ description: "New features, bug fixes, and improvements made to each package."
 icon: "list-check"
 ---
 
+## Dec 01, 2023
+
+**Code-block `0.0.1`**
+
+- Add code-block component
+- Use modified version of [prismjs](https://prismjs.com/)
+- Default themes from [prismjs
+themes](https://github.com/PrismJS/prism-themes) exported [here](https://github.com/resendlabs/react-email/blob/canary/packages/code-block/src/themes.ts)
+
 ## Nov 01, 2023
 
 **Components `0.0.11`**

docs/components/code-block.mdx

@@ -1,8 +1,9 @@
---
+---
 title: 'Code block'
 sidebarTitle: 'Code block'
 description: 'Displays code with a selected theme and regex highlighting using prismjs.'
---
+icon: 'code'
+---
 
 ## Install
 
@@ -107,8 +108,11 @@ An example of a theme would be this:
 }
 ```
 
-Each token type can have their own defined styles and for each one of there can be any styles that can be applied directly to `React` elements. As you can see from the example dracula theme though, there is a defined property called `base` which is the styling for the `pre` element that wraps the HTML being rendered.
+Each token type can have their own defined styles and for each one of there can be any styles that can be applied directly to `React` elements. 
+As you can see from the example `dracula` theme though, there is a defined property called `base` which is the styling for the `pre` element that wraps the HTML being rendered.
 
-For you to not need to defined a theme without any basis, or to not define one that already has been defined, we have a default `themes` object exported from `@react-email/code-block`. These themes were generated by a bit of code that converts a CSS file for a prismjs theme into a object theme of these. If you want to generate a theme from another existing prismjs theme you can do so by looking into [this](https://github.com/gabrielmfern/from-prismjs-to-react-email-code-block-theme).
+For you to not need to defined a theme without any basis, or to not define one that already has been defined, we have many default themes exported from `@react-email/code-block`. 
+These themes were generated by a bit of code that converts a CSS file for a prismjs theme into a object theme of these. 
+If you want to generate a theme from another existing prismjs theme you can do so by looking into [this](https://github.com/gabrielmfern/from-prismjs-to-react-email-code-block-theme).
 
 <Snippet file="support.mdx" />

docs/mint.json

@@ -68,6 +68,7 @@
         "components/image",
         "components/link",
         "components/markdown",
+        "components/code-block",
         "components/preview",
         "components/section",
         "components/tailwind",