Message shows up as green checkmark even if server didn't receive message

## Type of Issue

Select the type of issue:
- [x] Bug report (to report a bug)
- [ ] Feature request (to request an additional feature)
- [ ] Tracker (I am just using this as a tracker)
- [ ] Refactor request
- [ ] Documentation Ask

## Description
Message shows up with green emoji even if the backend server isn't correct. When user types in message to the robot, the first time it happens there is a red cross. However, once the red cross turns green and the user sends in another message, the message immediately shows up as green suggesting that the message has been received by the backend when in reality that is not the case (since it is too fast). Message should default to red, then only turn green once the server resends the socket call.

## Steps to reproduce

Please add steps to reproduce the bug here along with the stack trace.
Start locobot server.
Access web dashboard
Connect to the server (wait for green light)
Send message to robot (there will be a red cross next to the message)

Wait for message to turn green

Switch backend to incorrect host and send message. Observe how default is green checkmark