Sync Design of Toolbar Chatbot with Canvas AI Chatbot

Problem/Motivation

Over the past few months, a design for the default 'Chatbot' styling (Toolbar) was prepared based on feedback from the AI UI/UX alignment meetings and Canvas team and eventually implemented a couple of weeks ago.

This follow up concerns touching up on some additional styles that further help to synchronise and provide a more consistent experience between both AI chatbots.

You can see the updated design in the same Figma file: https://www.figma.com/design/KpIx0ryG0pqGikiV1y0jTq/Conversational-AI-In...

Note:

There are a few parts of the design that cannot yet be introduced in this issue alone because they are simply not yet supported by the chatbot itself, or require refactoring of functionality outside of design itself which should be tackled separately. Things such as:
- Uploading files
- Media
- More in depth information of tools called during the 'thinking' process (Tools that have been called, successfully completed, left to do, ...)
- Cancel response button

Proposed resolution

Implement the design above for the Toolbar placement and style for the AI Chatbot block.