[Feature]: Switching Conversation Section to the Left

## Summary

Since the conversations history is moved to the left, I wonder if we can switch the docs preview to the right? so that the conversations can be stay on the left side. then we can switch the mode for docs preview, or for browser/chrome (because i saw the browser feature is already available).

why the docs preview needs to be bigger, because the chat is not as important as the artefacts that we build. why need to be on the right, because this why looks right (arguably). i mean from left to the right is:
```
conversation history -> conversation -> artefacts.
```

## Component(s) Affected

- [ ] Core / Backend (app, agents, config, providers, utils, local_models)
- [x] Console (frontend web UI)
- [ ] Channels (DingTalk, Feishu, QQ, Discord, iMessage, etc.)
- [ ] Skills
- [ ] CLI
- [ ] Documentation (website)
- [ ] Tests
- [ ] CI/CD
- [ ] Scripts / Deploy

## Problem / Motivation

people who needs to see the docs and switching to the browser frequently. it can makes them minimize switching between apps, that way, i dont see why i need to stay to use chrome, or any IDE.

## Proposed Solution

just switch the conversation to the left and the docs preview to the right. then add some browser tools to right. you can refer to TRAE IDE, or any IDE like cursor and Antigravity.

## Alternatives Considered

maybe we need a little icon for activate the browser. i dont know, can you also make the browser available not as plugin?

## Additional Context

## Willing to Contribute

- [ ] I am willing to open a PR for this feature (after discussion).