Fix the translations

[jzbahrai]

Summary | Résumé

Add missing translations

[github-actions]

🧪 Review environment

https://orsem5cdpr2bug2w3ame6tmhha0awehs.lambda-url.ca-central-1.on.aws/

[andrewleith]

Still missing one message:

[andrewleith]

I fixed one string that didn't quite match the translation, as well as the some syntax that was preventing pybabel from detecting the missing translations. Instead of :
_('translation {'}.format(abc)) it should be _('translation {'}').format(abc)

@amazingphilippe , are there translations for these strings? I couldn't find them in figma!

• For more information, visit the <a href={}>usage report for {}</a>.
• <strong>{}</strong> cannot send any more {} until <strong>April 1, {}</strong>

[amazingphilippe]

We were missing translations in Figma as well:

"{} cannot send any more {} until April 1, {}","{} ne peut plus envoyer de courriels d’ici le 1<sup>er</sup> avril {}."
"For more information, visit the <a href={}>usage reports</a>.","Pour plus de détails, <a href={}>consulter les rapports d’utilisation</a>."

A few notes:

• removed <strong>.
• added a <sup> for properly formatting "1er" in FR
• removed link text customization with the service name. Less tricky in FR. The service name is also in the sentence before.

Noticed 2 more things:

• We nest p tags (we shouldn't)
• We use the same font size for both paragraphs. Adding a class text-title to the first sentence in each condition would fix that.

[amazingphilippe]

Suggested some changes. Though I haven't run these and they seem like a lot to suggest in a review...