style: update home screen style

[wjin-lee]

Description

• Added the ability to toast.
• Restyled the home page (TENTATIVE!)
• Fixed broken inheritance chain for viewport height/width.

Important

This PR should not be merged until the appropriate design reviews have been carried out.
See the Discord thread for details.

Design

I am not sure if I like this - I would love some genuine feedback on design - I'm not sensitive, please criticise to your heart's content.

For comparison, here is the old design

To me, this design had a few points of improvement:
disclaimer: this is just my opinion, feel free to dispute this points!

• The main action the user is expected is off to the left and is not emphasized - the Google icon helps, but my attention mainly goes to the VPS text semi-centered.
• The description is sized larger relative to the login button
• The black on white on default font is a little... "unpolished" 🥲
• nit: The UoA logo is a little squished at the top left

Alongside the new design:

This design is heavily simplified, removing the main side-bar layout. Simultaneously, I tried to keep most of the content.

Some nice little details have also been included, like the fact that the button now shows a loading spinner when logging in: (helps users if the popup appears on a second monitor, etc.)

Regressions

• The default app background has been changed to an off-white (#f8fafc or slate-50). This means that anything that currently has a white background will need to be updated to be either transparent or match the colour. I have left most of these alone as we will need to update them properly in the future.

[Kot6603]

Lgtm!

[sbeen56]

lgtm:)

[itsatulbox]

lgtm! 👍