Enhance usability with mouseWheelZoom, mobile layout improvements, and live reload indicator

[MrNaceja]

Summary

This pull request introduces several enhancements to improve the usability and functionality of the editor. The changes include:

1. Mouse Wheel Zoom: Added the ability to zoom in and out within the editor using the mouse wheel, enhancing the user experience for desktop users.
2. Mobile Layout Improvements: Adjusted the mobile layout so that the editor appears at the bottom and the preview at the top. This change prioritizes touch-friendly areas, significantly improving the usability for mobile users.
3. Live Reload Indicator: Improved the live reload toggle and indicator by incorporating a declarative icon and dynamic descriptions, making the feature more intuitive and user-friendly.

Changes

• Added mouse wheel zoom functionality to the editor.
• Modified the mobile layout to position the editor at the bottom and the preview at the top.
• Enhanced the live reload toggle with a new declarative icon and dynamic descriptions.

Mouse Wheel Zoom:

Mobile

Before

After

Live Reload

Before

After

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fronteditorv2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 8, 2024 10:20am