feat: add TerminalKeybinding component

[clawgreen]

What does this PR do?

Adds a new TerminalKeybinding component for displaying keyboard shortcuts in terminal-style format.

Features

• Keyboard shortcut display: Ctrl+C, Alt+Tab, ↑, Cmd+K, etc.
• Smart key parsing: Handles modifiers, special keys, and arrow symbols
• Variants: Neutral, success, error, warning, info colors
• Optional descriptions: Show what each shortcut does
• Follows project patterns: TypeScript, JSDoc, accessibility

Example Usage

<TerminalKeybinding keys="Ctrl+C" description="Copy" />
<TerminalKeybinding keys="Alt+Tab" variant="info" />
<TerminalKeybinding keys="↑" description="Previous command" />
<TerminalKeybinding keys="Cmd+Shift+P" />

Type of Change

• 📦 New component
• ✨ Enhancement (playground example)

Checklist

• Component created in components/terminal-keybinding.tsx
• TypeScript interface defined with JSDoc
• Exported from components/terminal.tsx
• Playground example added
• Build passes (pnpm run build)
• Follows existing project patterns
• Zero new dependencies

Screenshots

See playground at /playground for live examples of common shortcuts.

---

Part of NEW_COMPONENTS_PLAN.md (Phase 1)

[vercel]

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

A member of the Team first needs to authorize it.