style: Add dark mode styles for code blocks in CSS and update TSX import

Author: websiddu

lib/Code/Code.css

@@ -0,0 +1,9 @@
+html.dark .code-block,
+html.dark .code-block span {
+  color: var(--shiki-dark) !important;
+  background-color: var(--shiki-dark-bg) !important;
+  /* Optional, if you also want font styles */
+  font-style: var(--shiki-dark-font-style) !important;
+  font-weight: var(--shiki-dark-font-weight) !important;
+  text-decoration: var(--shiki-dark-text-decoration) !important;
+}

lib/Code/Code.tsx

@@ -4,6 +4,7 @@ import { codeToHast } from 'shiki';
 import { Components, toJsxRuntime } from 'hast-util-to-jsx-runtime';
 import { Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import './Code.css';
 
 interface Props {
   children: string;