[Spike] Translate text on page

[Pashaminkovsky]

Motivation

We want to create a mod that automatically translates text on a page. For example:

1. Given the target language is English
2. When I navigate to a page with text in a language other than English
3. Then that text should be automatically translated to English and maintain styling, html formatting, etc. as if it was originally published in the target language.
4. Chrome has a pop up if the entire site is in another language, but isn't good at detecting just a few words.

Acceptance Criteria

• [ ] Ability to automatically identify text on a website that is different than the target language when the page loads, without a user gesture.
• [ ] Abilty to automatically translate text to a target language within the website, without a user gesture.
• [ ] Ability to maintain website styling and html formatting for the translated text.
• [ ] Ability to add an Action Icon (https://github.com/pixiebrix/pixiebrix-extension/issues/9426) wherever text was translated, so that the end user can see where PixieBrix made changes.
• [ ] Are there any html components that would be more complex to work with? (E.g. canvas on Google docs, chats, etc.)

Timebox

8 hours

[Pashaminkovsky]

cc @mthek10 @brittanyjoiner15 @twschiller taking a look at the criteria, what are the gaps that we have from implementing this with existing bricks?