Render markdown code fences as rich code blocks

content/docs-ko/api/cookbook.md

@@ -10,7 +10,7 @@ description: 인증, 작업, 생성, 업로드, Asset Library, Reference Analysi
 ## Setup
 
 ```bash
-export SUME_API_KEY="sume_live_..."
+export SUME_API_KEY="<SUME_API_KEY>"
 export SUME_API_BASE_URL="https://www.sume.so/api/v1"
 ```
 

content/docs-ko/public-api.md

@@ -20,7 +20,7 @@ https://www.sume.so/api/v1
 서버 환경에서 워크스페이스 API 키를 전달하세요.
 
 ```bash
-export SUME_API_KEY="sume_live_..."
+export SUME_API_KEY="<SUME_API_KEY>"
 
 curl https://www.sume.so/api/v1/me \
   -H "Authorization: Bearer $SUME_API_KEY"

content/docs/api/cookbook.md

@@ -10,7 +10,7 @@ For exact fields and enums, use the [API reference](/api/reference) and
 ## Setup
 
 ```bash
-export SUME_API_KEY="sume_live_..."
+export SUME_API_KEY="<SUME_API_KEY>"
 export SUME_API_BASE_URL="https://www.sume.so/api/v1"
 ```
 

content/docs/public-api.md

@@ -21,7 +21,7 @@ All endpoint paths on this page are relative to that base URL.
 Send a workspace API key from a server-side environment:
 
 ```bash
-export SUME_API_KEY="sume_live_..."
+export SUME_API_KEY="<SUME_API_KEY>"
 
 curl https://www.sume.so/api/v1/me \
   -H "Authorization: Bearer $SUME_API_KEY"

src/components/markdown-page.tsx

@@ -3,6 +3,7 @@ import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { Anchor } from "@/components/anchor";
 import { H2, H3, H4 } from "@/components/header";
+import { Pre } from "@/components/code-block";
 
 type Props = {
   markdown: string;
@@ -17,6 +18,7 @@ function MarkdownBlock({ markdown }: Props) {
         h2: H2 as any,
         h3: H3 as any,
         h4: H4 as any,
+        pre: Pre as any,
       }}
     >
       {markdown}