Instead of padding the container, pad individual elements that need it.
This enables us to have highlighting (e.g. on hover) that spans the full
width of the controlbox.

updates #1069

in the overlayed view_mode

* Translated using Weblate (Dutch)

Currently translated at 100.0% (313 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/nl/

* Translated using Weblate (Flemish)

Currently translated at 100.0% (313 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/nl_BE/

* Translated using Weblate (Japanese)

Currently translated at 100.0% (313 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/ja/

* Translated using Weblate (Hungarian)

Currently translated at 100.0% (313 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/hu/

* Translated using Weblate (Norwegian Bokmål)

Currently translated at 84.9% (266 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/nb/

* Translated using Weblate (French)

Currently translated at 99.0% (310 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/fr/

* Translated using Weblate (Arabic)

Currently translated at 79.2% (248 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/ar/

* Translated using Weblate (Arabic)

Currently translated at 86.5% (271 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/ar/

* Translated using Weblate (Indonesian)

Currently translated at 27.4% (86 of 313 strings)

Translation: Converse.js/Translations
Translate-URL: https://hosted.weblate.org/projects/conversejs/translations/id/

instead of informing all users every time someone enters the room.

so rename model and only use it in the VCards collection.

Include entity capabilities hash in outgoing presences

Also, started some work on using jsdoc for rendering API documentation.
Ideally that would go into a separate commit but that would take ages to
untangle.

- For roster contacts, only show remove icons on hover.
- Show light background color when hovering over an item in the
controlbox.

Ideally this background color will be 100% of the controlbox width, but
I'm not opening that can of worms now...

Update the occupants list when occupants are added/removed from the
member lists.

Refetch the members lists when adding a new member via invite

updates #1099