Dev: fix issues

[Chenglong-MS]

This pull request introduces several layout and dependency updates to improve the application's responsiveness and maintainability. The most significant changes focus on fixing scroll and overflow issues in the main app container, updating the layout of the DataFormulator view, and adding a new dependency.

Layout and Overflow Improvements:

• Updated the main app container in App.tsx to use overflow: 'auto' and reduced the minimum height of child elements, which helps resolve scroll issues and improves the application's responsiveness.
• Refactored the router area in App.tsx by wrapping it in a Box with flex: 1, minHeight: 0, and overflow: 'hidden', ensuring the router content properly fills available space and avoids unwanted overflow.

CSS and Root Element Adjustments:

• Modified index.css to set body to overflow: hidden and moved scroll handling to #root with overflow: auto, providing better control over scrolling and fixing layout bugs.

DataFormulator Layout Fixes:

• Adjusted the margin and height calculations for the main container in DataFormulator.tsx to improve spacing and ensure consistent layout, especially after drag-and-drop operations.
• Changed the outer container height in DataFormulator.tsx to use height: '100%' instead of calc(100% - 54px), ensuring the view fills the available space more reliably.

Dependency Update:

• Added js-yaml as a new dependency in package.json, enabling YAML parsing capabilities for future features or data handling.

[Mestway]

Looks good