emails: updated templates

[0einstein0]

❤️ Thank you for your contribution!

Description

Updated the templates for notification emails

Checklist

Ticks in all boxes and 🟢 on all GitHub actions status checks are required to merge:

• I'm aware of the code of conduct.
• I've created logical separate commits and followed the commit message format.
• I've added relevant test cases.
• I've added relevant documentation.
• I've marked translation strings (for relevant code).
• I've followed the CSS/JS and React guidelines (for relevant code).
• I've followed the web accessibility guidelines (for relevant code).
• I've followed the user interface guidelines (for relevant code).
• I've identified the copyright holder(s) and updated copyright headers for touched files (>15 lines contributions).
• I've NOT included third-party code (copy/pasted source code or new dependencies).

Third-party code

If you've added third-party code (copy/pasted or new dependencies), please reach out to an architect.

Reminder

By using GitHub, you have already agreed to the GitHub’s Terms of Service including that:

1. You license your contribution under the same terms as the current repository’s license.
2. You agree that you have the right to license your contribution under the current repository’s license.

[kpsherva]

I would make sure which email clients support the inline styling (do we have any documentation provided on this ?) or the testing tool maybe shows the support matrix ?

[0einstein0]

https://www.litmus.com/blog/a-guide-to-css-inlining-in-email

https://www.campaignmonitor.com/dev-resources/guides/coding-html-emails/
https://responsivehtmlemail.com/css-styling-in-html-email/