(#17) Add language styling to Dynamic Code Block

This adds the ability to pass in a language to the Dynamic Code block component and set that in the class on the code block to have the appropriate styling or highlighting in the syntax of the code.

Author: alexaveldanez

src/components/dynamicCodeBlock/DynamicCodeBlock.astro

@@ -1,12 +1,33 @@
 ---
+import { z } from 'zod';
+
+const dynamicCodeBlockSchema = z.object({
+    language: z.enum(['markup', 'css', 'clike', 'javascript', 'bash', 'csharp', 'diff', 'json', 'powershell', 'puppet', 'python', 'ruby', 'scss', 'shell-session', 'xml-doc', 'yaml'])
+});
+
+type DynamicCodeBlock = z.infer<typeof dynamicCodeBlockSchema>;
+type DynamicCodeBlockLanguage = DynamicCodeBlock['language'];
+
+interface Props {
+    language: DynamicCodeBlockLanguage
+}
+
+const { language } = Astro.props;
+
+const content = {
+    language
+}
+
+dynamicCodeBlockSchema.parse(content);
+
 const generateRandomClass = () => {
     const randomNumber = Math.floor(Math.random() * 1000);
     return `dynamic-code-block-${randomNumber}`;
 };
 ---
 
 <div class="dynamic-code-block-container copy-command">
-    <pre class="language-powershell"><code class={generateRandomClass()}>
+    <pre class=`language-${language}`><code class={generateRandomClass()}>
         <slot />
     </code></pre>
 </div>