enhancement: ux local server page

Describe Your Changes

Imports:
- Added useRef and updated the import statement for ScrollArea.
State:
- Introduced new state variables:
  - listRef: Ref to access the div element of logs.
  - prevScrollTop: To keep track of previous scroll position.
  - isUserManuallyScrollingUp: To determine if the user is manually scrolling up.
Callbacks:
- Added a new callback function handleScroll to manage scroll events and prevent automatic scrolling when the user manually scrolls up.
Effect:
- Introduced an effect that automatically scrolls to the bottom of the logs whenever the list of logs changes, unless the user is manually scrolling up.
JSX Changes:
- Replaced the div with a ScrollArea component and added the ref listRef.
- Added onScroll={handleScroll} to the ScrollArea.

Imports:
- Removed the import for ScrollArea.
JSX Changes:
- Replaced the ScrollArea with a direct render of ServerLogs.

State:
- Introduced new state variable isLoading to manage loading states.
Callbacks and Effects:
- Updated onStartServerClick, onToggleServer, and other relevant functions to include logic for setting the isLoading state.
JSX Changes:
- Modified the button text to reflect loading status ("Starting...") when isLoading is true.
- Added disabled={isLoading || ...} to disable the button during loading or under certain error conditions.

The changes introduced a scrollable area for the server logs, preventing automatic scrolling when manually scrolled up.
Removed redundant or unnecessary imports and components.
Added loading state management to buttons that start or stop the server.
Updated UI elements based on the new logic for handling user interactions and loading states.