[IMP] im_livechat: introduce livechat status

[zel-odoo]

This commit provides a way for agents to quickly identify the conversations on which they need to take action.

part of task-4771890

---

I confirm I have signed the CLA and read the PR guidelines at www.odoo.com/submit-pr

[robodoo]

[zel-odoo]

Tests will be added later as note, merge before freeze

[zel-odoo]

Note: it would be nice if the status bubble was also showing in chathub bubble.

@robodoo r+ priority

Must have for the freeze.

there's already a lot of indicators in the chat bubble, I would like to have it there but not sure where is the ideal place to put it...

[seb-odoo]

Is there any place that is always free? Top left?

[zel-odoo]

Looks like a Mickey Mouse

[seb-odoo]

Let's make a PR, maybe @alexkuhn will have a better idea

[zel-odoo]

follow up tests and the status in chathub bubble in https://runbot.odoo.com/runbot/bundle/master-livechat-status-follow-up-zel-379295

will rebase when https://github.com/odoo/odoo/pull/215176 being merged

[alexkuhn]

@zel-odoo @seb-odoo Don't have a better idea, this is per item currently and it's shown as fa-circle in all other places, so makes sense to reuse the same. Top-left is good for prefixing status like in chat window (note: I think it should be before avatar in discuss sidebar too, for improved visibility and consistency).

I would add a darker/lighter bg in a similar fashion as IM status + .shadow to make it "pop" like we do with IM status (and counter has .shadow too). Without bg/outline and .shadow this looks too flat.

[alexkuhn]

@zel-odoo I made PR with livechat status in chat bubble: https://github.com/odoo/odoo/pull/215447 Initially wanted to improve the style of livechat status buttons, but then I was tempted to change placement of livechat status in discuss sidebar, then improve user interaction to quickly change livechat status in discuss sidebar and chat window.