fix(chat): Chatbar + edit focus and style

[Flemmli97]

What this PR does 📖

• This PR does 2 things: First it addressed task(chat): Various improvements for edit message  #1564 and changes the edit box areas style.
• Next it fixes the focus problem and makes it so the chatbar is autofocused. As well as when trying to edit a message autofocusing that message

Which issue(s) this PR fixes 🔨

• Resolve task(chat): Various improvements for edit message  #1564

[github-actions]

UI Automated Test Results Summary for MacOS/Windows

511 tests   442 ✅  3h 11m 15s ⏱️
 45 suites   69 💤
  3 files      0 ❌

Results for commit 10bda5f.

♻️ This comment has been updated with latest results.

[github-actions]

UI Automated Tests execution is complete! You can find the test results report here

[phillsatellite]

@Flemmli97 When testing I tried using the up arrow to edit my most recent sent message but was having issues getting that to work

Screen.Recording.2024-03-21.at.12.36.08.PM.mov

[Flemmli97]

my bad. i linked the wrong issue. it addresses #1564 (second point)

[stavares843]

i've noticed if you cancel the edit the auto focus doesn't go automatically go the chat bar again

the same happens if you upload and cancel as well

Gravacao.do.ecra.2024-03-26.as.00.12.31.mov

but merging, can be improved later

macOS, m1