MNTOR-3646 - Align Sign in button with Monitor logo

[codemist]

References:

Jira: MNTOR-3646
Figma:

Description

Screenshot (if applicable)

Screen.Recording.2024-10-01.at.10.30.42.AM.mov

Not applicable.

How to test

Checklist (Definition of Done)

• Localization strings (if needed) have been added.
• Commits in this PR are minimal and have descriptive commit messages.
• I've added or updated the relevant sections in readme and/or code comments
• I've added a unit test to test for potential regressions of this bug.
• If this PR implements a feature flag or experimentation, the Ship Behind Feature Flag status in Jira has been set
• Product Owner accepted the User Story (demo of functionality completed) or waived the privilege.
• All acceptance criteria are met.
• Jira ticket has been updated (if needed) to match changes made during the development process.
• Jira ticket has been updated (if needed) with suggestions for QA when this PR is deployed to stage.

[codemist]

The mj-group forces both mj-column on the same row, similar to a flexbox. As such, the 70% and 30% widths apply on smaller device widths. I added a video demo.

[github-actions]

Preview URL 🚀 : https://blurts-server-pr-5122-mgjlpikfea-uk.a.run.app