完善 mdx 文件处理，修复代码高亮问题

src/app/(home)/help/tutorials/quick-start/page.tsx

@@ -1,11 +1,8 @@
 'use client'
 import QuickStart from '@/components/docs/quick-start.mdx'
-import Markdown from '@/components/markdown'
 
 export default function CollectPage() {
   return (
-    <Markdown>
-      <QuickStart/>
-    </Markdown>
+    <QuickStart/>
   )
 }

src/app/globals.css

@@ -1,8 +1,9 @@
 @import "tailwindcss";
-
 @plugin "tailwindcss-animate";
 @plugin "@tailwindcss/typography";
 
+@import 'highlight.js/styles/a11y-dark.css';
+
 :root {
   --idle: oklch(1 0 0);
   --idle-muted: oklch(0.965 0 0);
@@ -153,3 +154,8 @@
     @apply font-normal;
   }
 }
+
+pre code.hljs {
+    background: inherit;
+    padding: 0;
+}

src/components/composites/extract/index.tsx

@@ -19,7 +19,6 @@ import {merge} from '@/lib/utils'
 import {Combobox} from '@/components/ui/combobox'
 import cities from './_assets/cities.json'
 import ExtractDocs from '@/components/docs/extract.mdx'
-import Markdown from '@/components/markdown'
 import Link from 'next/link'
 import {useProfileStore} from '@/components/stores-provider'
 
@@ -92,9 +91,7 @@ export default function Extract(props: ExtractProps) {
       </CardSection>
 
       <CardSection>
-        <Markdown>
-          <ExtractDocs/>
-        </Markdown>
+        <ExtractDocs/>
       </CardSection>
     </Form>
   )

src/components/markdown.tsx

@@ -1,14 +0,0 @@
-import {merge} from '@/lib/utils'
-
-export default function Markdown(props: React.ComponentProps<'div'>) {
-  return (
-    <article
-      {...props}
-      className={merge(
-        `prose max-w-none`,
-        props.className,
-      )}>
-      {props.children}
-    </article>
-  )
-}

src/mdx-components.tsx

@@ -1,7 +1,17 @@
 import type {MDXComponents} from 'mdx/types'
-
-const components: MDXComponents = {}
+import {merge} from './lib/utils'
 
 export function useMDXComponents(): MDXComponents {
-  return components
+  return {
+    wrapper: props => (
+      <article
+        {...props}
+        className={merge(
+          `prose max-w-none`,
+          props.className,
+        )}>
+        {props.children}
+      </article>
+    ),
+  }
 }