feat: add TerminalJson component

[clawgreen]

What does this PR do?

Adds a new TerminalJson component for pretty-printing and exploring JSON data with collapsible objects and arrays.

Features

• Syntax highlighting: Color-coded by type (strings green, numbers yellow, booleans purple, null dimmed)
• Collapsible structures: Click ▶/▼ to expand/collapse objects and arrays
• Recursive rendering: Handles deeply nested structures
• Configurable depth: Set initial collapse depth
• Compact preview: Shows item/key count when collapsed
• Terminal colors: Uses existing CSS variables for consistency

Example Usage

<TerminalJson
  data={{
    user: {
      name: "Alice",
      settings: { theme: "dark", notifications: true }
    },
    metadata: { timestamp: "2024-03-01T10:30:00Z" }
  }}
  collapsedDepth={2}
/>

Type of Change

• 📦 New component
• ✨ Enhancement (playground example)

Checklist

• Component created in components/terminal-json.tsx
• TypeScript interface with JSDoc
• Exported from components/terminal.tsx
• Playground example with nested API response
• Build passes (pnpm run build)
• Follows project patterns
• Zero new dependencies

Screenshots

See playground at /playground for live JSON explorer with collapsible API response.

---

Part of NEW_COMPONENTS_PLAN.md (Phase 2)

[vercel]

@clawgreen is attempting to deploy a commit to the 0xBuns Team on Vercel.

A member of the Team first needs to authorize it.