feat: created a new code tag to reduce repeated code (#413)

<!-- 👋 Hi, thanks for sending a PR to emoji-blast! 💖.
Please fill out all fields below and make sure each item is true and [x]
checked.
Otherwise we may not be able to review your PR. -->

## PR Checklist

- [x] Addresses an existing open issue: fixes #291 
- [x] That issue was marked as [`status: accepting
prs`](https://github.com/JoshuaKGoldberg/emoji-blast/issues?q=is%3Aopen+is%3Aissue+label%3A%22status%3A+accepting+prs%22)
- [x] Steps in
[CONTRIBUTING.md](https://github.com/JoshuaKGoldberg/emoji-blast/blob/main/.github/CONTRIBUTING.md)
were taken

## Overview

1. Added a new code tag in components
2. Replaced the code tag in doc-content.tsx

packages/emoji-blast-site/src/components/code-tag/code-tag.tsx

@@ -0,0 +1,10 @@
+import * as usageStyles from "../usage-container/styles";
+
+interface CodeTagProps {
+	children: React.ReactNode;
+	style?: React.CSSProperties;
+}
+
+export function CodeTag({ children, style }: CodeTagProps) {
+	return <code css={{ ...usageStyles.code, ...style }}>{children}</code>;
+}