Flip the color and position of translated text

### Problem I have

The instant translation for text is incredible and the only improvement i can see would be to make the translated text in your language to be the default text and the original to be under it. Considering we never read the text we cant understand it makes sense to have the text we can read to be the one placed above and in the easier to read color

### Solution I'd like

Basically just flipping the position and color of these


### Alternatives considered

_No response_

### Other

_No response_

Start by locating the instant-translation UI and inspect how the translated and original text styles and order are assigned. Compare the rendered result with the attached example; done means the translated text appears above in the easier-to-read color and the original appears below.

Written by the indexing model from the issue text.