feat: Add CommandOutputViewer component and integrate it into ChatRow

[samhvw8]

Context

This pr will fix Webview crashed because long running terminal command and has long terminal console output
https://discord.com/channels/1332146336664915968/1356673356736368893

Implementation

Implement new Commend for using react-virtuoso then replace it with code-block component

Video

How to Test

Get in Touch

---

Important

Adds CommandOutputViewer component for virtualized command output rendering and integrates it into ChatRow.tsx, replacing CodeBlock.

• Component Addition:
  • Adds CommandOutputViewer in CommandOutputViewer.tsx using react-virtuoso for virtualized rendering of command outputs.
  • Automatically scrolls to the bottom on output change.
• Integration:
  • Replaces CodeBlock with CommandOutputViewer in ChatRow.tsx for displaying command outputs.
• Testing:
  • Adds CommandOutputViewer.test.tsx to test rendering with different output sizes, including empty and large outputs.

^{This description was created by for 92a91da1ba89f58ba740f4bdf6af62fec2d019b9. It will automatically update as commits are pushed.}

[changeset-bot]

⚠️ No Changeset found

Latest commit: 6ee39fa

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[TwoAbove]

Hey! Coming here from the discord channel.

I've also tested this with tqdm output and it didn't crash

[mrubens]

@cte did you have a chance to review this one?