[UI] Improve Playground Layout and Responsiveness

[csxark]

Description

The Playground interface needs better spacing and layout organization.

Tasks

• Improve spacing
• Better input/output alignment
• Better sidebar responsiveness
• Improve typography
• Improve empty states
• Improve mobile responsiveness

Expected Outcome

A cleaner and easier-to-use Playground.

[Vishvapatel2047]

@csxark please assign this issue to me under ECSOC'26

[anushkanikam05]

Hi! @csxark
I'd like to work on this UI enhancement issue.

I plan to improve the overall Playground experience by:

• Refining spacing and padding for a cleaner layout.
• Improving input/output alignment for better readability.
• Making the sidebar more responsive across different screen sizes.
• Enhancing typography for improved visual hierarchy.
• Designing more informative and user-friendly empty states.
• Optimizing the interface for mobile responsiveness.

I'll ensure the changes maintain the existing functionality while providing a modern, clean, and intuitive user experience. Looking forward to working on this!

[vihaasitavasa]

@csxark can you kindly assign this issue to me under ECSOC'26.

[csxark]

Hi! @Vishvapatel2047, I'm assigning this initiative to you.

A warm welcome to the CryptoViz project! We're excited to have you on board and truly appreciate your willingness to contribute. Looking forward to your creativity and meaningful contributions, especially from the branding perspective. Wishing you the very best, and happy contributing! 🚀