[feature]: add option to stop/cancel a processing request

[adeyinkaezra123]

Description

The DocsGPT web app does not currently offer the option to cancel a question that is currently being processed, without the need to wait for one request to finish before making another.

Implementation

I have gone through the Figma design file and unfortunately, there is currently no existing design for the feature specified above.
For improved user experience, (and for the conservation of valuable screen real estate), I am proposing to convert the text input box into the stop button as seen in these images below 👇

Input state

Cancel request state

I'd start working on this feature as soon as this issue is approved

[dartpain]

@tenokami Check this out please, what do you think.
Think it will be useful to be able to cancel a request, what are your thoughts on UI

[tenokami]

[tenokami]

By the way. I would like for the "..." at the end of "generating" to be animated and moving like: . .. ... . .. ...

[tenokami]

@adeyinkaezra123 I've updated figma with hover states:

https://www.figma.com/file/OXLtrl1EAy885to6S69554/DocsGPT?type=design&node-id=0%3A1&mode=design&t=Ua5UVmNvlLdOmhIb-1

[adeyinkaezra123]

Okay cool, Would factor in these changes 👍