Make message input chat-bubble styled

[AndyScherzinger]

• 💡 Beware the input "bubble is wider than the chat. I did this to not loose more space since the buttons (attachment, emoji and send/mic are 48dp in height/width for a11y reasons) if I add another 8dp on each side of the bubble the message input text field "looses" another 16dp in width
• Input field buttons are now bottom-aligned like in other messengers
• paddings and margins are more unified across the chat input elements in general, same for the grey tones in use

🖼️ Screenshots

🏚️ Before 🌞	🏚️ Before 🌑	🏡 After 🌞	🏡 After 🌑

🚧 TODO

• Design review
• Code review

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not needed
• 🔖 Capability is checked or not needed
• 🔙 Backport requests are created or not needed: /backport to stable-xx.x
• 📅 Milestone is set
• 🌸 PR title is meaningful (if it should be in the changelog: is it meaningful to users?)

[github-actions]

APK file: https://www.kaminsky.me/nc-dev/android-artifacts/5671.apk



To test this change/fix you can simply download above APK file and install and test it in parallel to your existing Nextcloud app.

[github-actions]

Codacy

Lint

Type	master	PR
Warnings	99	97
Errors	0	0

SpotBugs

Category	Base	New
Bad practice	6	6
Correctness	10	10
Dodgy code	54	54
Internationalization	3	3
Malicious code vulnerability	3	3
Performance	4	4
Security	1	1
Total	81	81