Description

Create a side-by-side comparison interface that allows users to compare two code snippets. The view should highlight differences in code, language, and metadata while maintaining a clean, developer-friendly UI.

Requirements

• Side-by-Side Layout
  Display two code snippets next to each other for easy comparison.

• Syntax Highlighting
  Support multiple programming languages with proper syntax highlighting.

• Difference Highlighting
  Highlight differences in code lines, language, and metadata (e.g., author, timestamp).

• Metadata Display
  Show snippet metadata such as language, creation date, and contributor.

• Responsive Design
  Ensure the comparison view works seamlessly across desktop and mobile.

Acceptance Criteria

• ✅ Clear diff visualization — Differences are highlighted in a developer-friendly manner.
• ✅ Metadata visible — Language, author, and timestamps are displayed alongside snippets.
• ✅ Keyboard accessibility — Users can navigate and scroll using keyboard controls.
• ✅ Loading & empty states — Graceful handling when snippets are loading or unavailable.