feat(console): Designer - Login tab tweaks

[Cosmin-Parvulescu]

Description

• Added sign message template to customizable fields in designer
• Added reset to default action to designer
• Added primary-alt button bg color borrowed from designer settings
• Added primary-alt button text color computed via contrast helpers

Related Issues

• Closes feat(console): Designer - Login tab tweaks #2316

Testing

• Visually in designer
• Visually in passport flow
• Visually in profile flow

Checklist

• I have read the CONTRIBUTING guidelines
• I have tested my code (manually and/or automated if applicable)
• I have updated the documentation (if necessary)

[betimshahini]

1. Default size of text area is too small (tested on Firefox)
2. Font size of content in text area is bigger than that of the other input elements

[Cosmin-Parvulescu]

1. Updated default size to 5 rows
2. Updated input textarea font size

[betimshahini]

Since the text is now user-configurable, it's open to funky injection and misconfiguration issues. The nonce is gonna have to be removed from the template itself and injected programatically in the code itself, such that a user isn't able to mimick it in the message content itself.

[Cosmin-Parvulescu]

Appended the nonce template after message.

[betimshahini]

Just noticing now:

1. Colour of Save button top-right also takes the primary colour.
2. Name of the application in the second slide of the previewer says Passport. This should take the name of the app from OAuth page

FYI, still thinking about the nonce template solution. As implemented, there's still potential concerns with it, but they might not materialize due to what we do downstream during nonce verification.

[Cosmin-Parvulescu]

Just noticing now:

1. Colour of Save button top-right also takes the primary colour.

I sort of liked that, maybe that's why I'm not a designer 😅

2. Name of the application in the second slide of the previewer says Passport. This should take the name of the app from OAuth page

Updated this.

[betimshahini]

One last thing: Reset to default link takes the colour from the configured primary colour, depending on whether dark mode toggle is on or off. This should use the rollup primary colours.

[Cosmin-Parvulescu]

One last thing: Reset to default link takes the colour from the configured primary colour, depending on whether dark mode toggle is on or off. This should use the rollup primary colours.

This one saddens me the most :(