=== Value proposition (why do we need to do this)?
As a user, I want to be able to add translations for a file so I can use the file in my local language.
This follows up from {T204596} and {T204849}.
=== Functionality/software changes
* Once the user has picked an image, they land up in the Translate view.
* Header:
** [] Button to go back and pick another file
** [] File title and link to see image on Commons
** [] Language settings dialog
** [] Login button (non-functional)
* Translation panel:
** [] In the 'from' language dropdown show 'Default' and give user the default language if one, if not give the user English
** [] In the 'to' language dropdown show all languages with the 'Preferred languages' on top - the ones user picked in the language settings dialog (see mock for more details)
** [] Language labels on left
** [] Translation inputs on right
** [] Divider line clustering labels which fall under the same 'text' tag (follows from T202771)
* Image on the right
* Buttons to upload image to Commons and download image above the image
=== What this ticket does not include:
* Preview functionality
* Upload/download functionality
=== User interface changes
==== Screenshots/mockups:
Mockup: https://prtksxna.github.io/svgtranslate-prototype/translate.html
{F26501292, height=400, width=600}
=== Does this need QA?
Yes