Bug 934531 - [Messages] The Visual Design is incorrect for the contact card r=schung

This changes how we render a contact in the Messages app.
Follow-ups:
* add more tests
* fix the CSS to adjust to the latest spec
* add more comments