Added a button to close the chat window

[govind-io]

resolves issue #665

The new chat window looks like:

[changeset-bot]

🦋 Changeset detected

Latest commit: 42255c8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages

Name	Type
@livekit/components-react	Patch
@livekit/component-example-next	Patch
@livekit/components-js-docs	Patch
@livekit/component-docs-storybook	Patch
@livekit/components-docs-gen	Patch

Not sure what this means? Click here to learn what changesets are.

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

[CLAassistant]

All committers have signed the CLA.

[lukasIO]

thanks for the PR. I circled this back to our design department.
The Feedback is

• "Messages" should be centered horizontally in the top, not in the remaining space.
• Close button is more prominent than "Send", which hierarchically shouldn't be the case. I would try making it just the "X", and showing button bg on hover

[govind-io]

I have made the below changes based on the feedback, please let me know if it looks fine or something else needs to be done:

1. Messages is centered aligned horizontally in the complete space, isntead of remaining space
2. Close button just shows "X" now untill hovered, when hovered it shows the background color.

Without hover on button:

With hover on the button:

[Ocupe]

Looks good to me! Many thanks for your contribution! 👍