Add JSDoc documentation for markdown component

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Author: Copilot

packages/components/src/renderers/data-display/markdown.tsx

@@ -1,6 +1,27 @@
 import { ComponentRegistry } from '@object-ui/core';
 import { Markdown } from '@/ui';
 
+/**
+ * Markdown Renderer Component
+ * 
+ * A schema-driven renderer that displays markdown content in Object UI applications.
+ * This component follows the "Schema First" principle, enabling markdown rendering
+ * through pure JSON/YAML configuration without writing custom code.
+ * 
+ * @example
+ * ```json
+ * {
+ *   "type": "markdown",
+ *   "content": "# Hello World\n\nThis is **markdown** text."
+ * }
+ * ```
+ * 
+ * Features:
+ * - GitHub Flavored Markdown support (tables, strikethrough, task lists)
+ * - XSS protection via rehype-sanitize
+ * - Dark mode support
+ * - Tailwind CSS prose styling
+ */
 ComponentRegistry.register('markdown', 
   ({ schema, className, ...props }) => (
     <Markdown 

packages/components/src/ui/markdown.tsx

@@ -4,8 +4,29 @@ import remarkGfm from "remark-gfm"
 import rehypeSanitize from "rehype-sanitize"
 import { cn } from "@/lib/utils"
 
+/**
+ * Props for the Markdown component.
+ * 
+ * This component renders markdown content using react-markdown with GitHub Flavored Markdown support.
+ * All content is sanitized to prevent XSS attacks.
+ */
 export interface MarkdownProps {
+  /**
+   * The markdown content to render. Supports GitHub Flavored Markdown including:
+   * - Headers (H1-H6)
+   * - Bold, italic, and inline code
+   * - Links and images
+   * - Lists (ordered, unordered, and nested)
+   * - Tables
+   * - Blockquotes
+   * - Code blocks
+   */
   content: string
+  
+  /**
+   * Optional CSS class name to apply custom styling to the markdown container.
+   * The component uses Tailwind CSS prose classes for typography by default.
+   */
   className?: string
 }