[Feature Request] Improve the UI for agent executed action

[xingyaoww]

What problem or use case are you trying to solve?

Currently the agent executed action and observation doesn't automatically wraps, so we'd have to scroll horizontally to see the full content.

Describe the UX of the solution you'd like

Maybe we can start with smaller font + automatically wrap near the edge of the display box?

Do you have thoughts on the technical implementation?

We should probably need to modify frontend/src/components/features/chat/expandable-message.tsx

Describe alternatives you've considered

Additional context