fix: mobile UI issues

[revenets]

Describe your issue

on the real device, the checkbox form has inconsistent padding and a chat screen should have extra padding

Steps to reproduce

1. Go to the last quiz screen
2. Go to the chat screen

What was the actual result?

The paddings are messing or inconsistent

What was the expected result?

The checkbox form has the same paddings at the top and the bottom.
The chat screen have safe area paddings

Put here any screenshots or videos (optional)

No response

What OS are you seeing the problem on?

Android

What browsers are you seeing the problem on?

No response

Severity

Minor (S4)