feat: Add four curriculum visualization features

[anonfedora]

Pull Request: Add Four Curriculum Visualization Features

This PR implements four MVP-critical frontend features to enhance the Web3 Student Lab's curriculum layer with dynamic, production-ready visualizations.

Features Implemented

#729 - Chain Reorganization Visualizer (/chain-reorg)

• Interactive canvas animation demonstrating blockchain forks
• Visualizes two competing chain paths (Chain A and Chain B)
• Animates fork events at block height 3
• Shows node switching when one path becomes longer (longest chain rule)
• Real-time statistics and educational explanations
• React canvas animations

#727 - Visual Merkle Tree Generator (/merkle-tree)

• Interactive D3.js tree diagram for token airdrop verification
• Dynamic tree rendering based on input addresses
• Highlights validation path from target address to root node
• Add/remove addresses with instant tree updates
• Shows cryptographic hash combinations
• Click-to-verify functionality with visual feedback

#731 - Peer-Review Code Evaluation Panel (/peer-review-new)

• React Tailwind dashboard for student code review
• List shared student playground templates with code previews
• Interactive star rating system (1-5 stars)
• Real-time comment posting and display
• Rating aggregation and display
• Clean, modern UI with real-time updates

#730 - Real-Time Gas & Resource Estimator (/resource-estimator)

• Canvas gauge charts for Soroban compile simulation
• Real-time analysis of CPU instructions, storage, and memory usage
• Code modifications trigger immediate recalculations
• Efficiency score calculation
• Optimization tips and best practices
• Visual comparison of resource limits vs actual usage

Technical Details

• Stack: React, Tailwind CSS, D3.js, Canvas API
• Build Status: ✅ Production build successful
• Type Safety: Full TypeScript with proper type definitions
• Performance: Optimized with useEffect hooks and debouncing
• Responsive: Mobile-friendly layouts with proper breakpoints

Testing

• All pages compile successfully
• TypeScript errors resolved
• Production build passes without warnings
• New routes added to Next.js build output

Routes Added

• /chain-reorg - Blockchain fork visualization
• /merkle-tree - Merkle tree generator
• /peer-review-new - Code review dashboard
• /resource-estimator - Resource consumption estimator

Closes #729
Closes #727
Closes #731
Closes #730

[vercel]

@anonfedora is attempting to deploy a commit to the Ayomide Adeniran's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@anonfedora Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[ayomideadeniran]

pr under review