The first version of translation functionality in Vue templates, whe…

[miguelvaara]

…re translations are visible in the browser and the translation is read at the correct point in the code

Reasons for creating this PR

Link to relevant issue(s), if any

• Closes #

Description of the changes in this PR

Known problems or uncertainties in this PR

Checklist

• phpUnit tests pass locally with my changes
• I have added tests that show that the new code works, or tests are not relevant for this PR (e.g. only HTML/CSS changes)
• The PR doesn't reduce accessibility of the front-end code (e.g. tab focus, scaling to different resolutions, use of .sr-only class, color contrast)
• The PR doesn't introduce unintended code changes (e.g. empty lines or useless reindentation)

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[miguelvaara]

The next step is to prepare this Draft PR for a design review.

It is needed to briefly list what is intended to be demonstrated in the design review and where the focus of the future developement should be directed.

For example, listing languages in the frontend code is unnecessary, as we can directly refer to Skosmos' runtime language, and there are also unnecessary empty spaces in the code ... among other things .. etc.