[FIX] Screen Lock's Password screen UI is broken on tablets

[reinaldonetof]

Proposed changes

This PR was first found because there is a visual bug when opening the Passcode View on some tablets when is in the landscape as you can see in the first image. Also, during the PR I found the same visual bug for devices in general (2nd image in before). So we talked and found 2 approaches:

1 - for devices there aren't tablets we will lock the orientation of the PasscodeView to Portrait only
2 - for tablets we are setting a dinamic height for the buttons depending the orientation and the height of the device

Jira: TC-137

Issue(s)

How to test or reproduce

Screenshots

Android Tablet Nexus 7 (800 x 1280)

Before	After

Iphone 11 Pro

Before

Screen.Recording.2022-09-29.at.17.54.58.mov

Types of changes

• Bugfix (non-breaking change which fixes an issue)
• Improvement (non-breaking change which improves a current function)
• New feature (non-breaking change which adds functionality)
• Documentation update (if none of the other choices apply)

Checklist

• I have read the CONTRIBUTING doc
• I have signed the CLA
• Lint and unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works (if applicable)
• I have added necessary documentation (if applicable)
• Any dependent changes have been merged and published in downstream modules

Further comments

[dnlsilva]

To avoid repeating the same thing in all styles create a constant with { height: heightButtonRow } and pass it as a parameter, it's even easier to change in the future.