Feat/handle all promises

[maximeBAY]

• The project passes automated tests locally (build, linting, etc.).
• You updated the project's documentation with new changes.
• You've linked any issue this PR closes
• You reviewed your own PR and made sure there's no test/debug code or any obvious mistakes.

Make sure that the code wasn't copied from elsewhere (check one):

• This is your own original code
• [] You have made sure that we have permission to use the copied code and that we follow its licensing

Add catch to unhandled promises and display error messages for related errors

Closes #331

[Samuel-Therrien-Beslogic]

I see a ton of repetition of the API error handling, how about we create a helper method we can pass to .catch?

  const displayUnhandledAPIError = (
    fallbackMessageTranslationKey: string,
    translationOptions?: Record<string, string | undefined>,
  ) =>
  (error: unknown) =>
    openAlertSnackbar(
      getErrorMessage(error, translate(fallbackMessageTranslationKey, translationOptions)),
      { severity: 'error' },
    )

I'm working on a PR to your PR, incoming in a moment.

[Samuel-Therrien-Beslogic]

Oh it's failing because top-level awaits is not available on all browsers we target. Either we should reconfigure that to target only more modern browsers, or the i18n top-level await can go back to being a voided promise with an eslint-disable comment explaining why we can't use a top-level await.