Implement manual connection to Voice Chat

[olavra]

Due the technical problems related to browser permission, some players may need to manually connect to the voice chat. So far, the system automatically connect to it, and if the player decides to leave, the voice chat HUD dissapears. Now, it will always be present, even if your are not connected to it.

In the case the player is not connected, the HUD will become a button to Join in a single click.

Acceptance Criteria

• [x] The system will always automatically try to connect to the voice chat
• [x] When voice chat is disconnected, the HUD will be a button
• [x] Disconnecting from the voice chat will turn the HUD into a button to rejoin

[RominaMarchetti]

Here is design of this new state of the voice chat module. Here the module with the rest of the world UI.

@olavra the copy is quite explicit about what the button does. Do you still think the toast is necessary?

[sandrade-dcl]

Slack conversation about this: here.

[RominaMarchetti]

• [ ] Implement the new UI style for the instance of the voice chat module JOIN.
• [ ] The red button is the one that connects the player to the voice chat, not the grey container anymore.
• [ ] Implement the toast with the message Automatic connection failed.

Figma for reference here.

[olavra]

UI Changes will be implemented in another ticket , lets close this one. #3630