minor #1783 [Site] Refactor Translator page (smnandre)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[Site] Refactor Translator page

* remove highlight
* remove big JS controller
* add block controller
* fix some minor spacing issues
* display both locales at once

![translator-bis](https://github.com/symfony/ux/assets/1359581/444f95bf-0eeb-4c42-a1a4-8da19ad404a2)

Commits
-------

97266a5 [Site] Refactor Translator page

Author: kbond

ux.symfony.com/assets/controllers/translator-demo-block-controller.js

@@ -0,0 +1,45 @@
+import { Controller } from '@hotwired/stimulus';
+
+import * as translator from '../translator.js';
+
+/* stimulusFetch: 'lazy' */
+export default class extends Controller {
+    static targets = [
+        'code',
+        'parameters',
+        'outputs',
+    ]
+
+    static values = {
+        message: String,
+    }
+
+    connect() {
+        this.render();
+    }
+
+    render() {
+        const parameters = new Map();
+        this.parametersTargets.forEach((target) => {
+            if (target.name.includes('date')) {
+                parameters.set(target.name, new Date(target.value));
+            } else if (target.name.includes('progress')) {
+                parameters.set(target.name, Number(target.value) / 100);
+            } else {
+                parameters.set(target.name, target.value);
+            }
+        });
+        parameters.forEach((value, name) => {
+            const code = this.codeTarget.querySelector(`span[data-code-parameter="${name}"]`);
+            if (value instanceof Date) {
+                code.innerText = value.toLocaleString();
+            } else {
+                code.innerText = value.toString();
+            }
+        });
+
+        this.outputsTargets.forEach((target) => {
+            target.textContent = translator.trans(translator[this.messageValue], Object.fromEntries(parameters), 'messages', target.dataset.locale);
+        });
+    }
+}