Add code editor for maputnik (#1426)

## Launch Checklist

This PR adds the ability to look at the entire style and edit it in a
code editor that supports syntax highlight, errors, search and more.

- Resolves #820

CC: @Kanahiro as I know you did something similar, probably has better
performance...

After:
<img width="1920" height="937" alt="image"
src="https://github.com/user-attachments/assets/f925cf92-2623-4390-8f75-14d7f6a79171"
/>


 - [x] Briefly describe the changes in this PR.
 - [x] Link to related issues.
- [x] Include before/after visuals or gifs if this PR includes visual
changes.
 - [x] Write tests for all new functionality.
 - [x] Add an entry to `CHANGELOG.md` under the `## main` section.

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: Frank Elsinga <frank@elsinga.de>

src/locales/it/translation.json

@@ -31,11 +31,15 @@
   "Maputnik on GitHub": "Maputnik su GitHub",
   "Open": "Apri",
   "Save": "Salva",
+  "Code Editor": "Editor codice",
   "Data Sources": "Fonti dati",
   "Style Settings": "Impostazioni stile",
+  "Global State": "Stato globale",
   "View": "Vista",
   "Color accessibility": "Accessibilità colori",
   "Help": "Aiuto",
+  "Close": "Chiudi",
+  "Click to close the editor": "Clicca per chiudere l'editor",
   "Comments for the current layer. This is non-standard and not in the spec.": "Commenti per il livello attuale. Questo non è standard e non è nella specifica.",
   "Comments": "Commenti",
   "Comment...": "Il tuo commento...",
@@ -56,7 +60,6 @@
   "Delete filter block": "Elimina blocco filtro",
   "Add value": "Aggiungi valore",
   "Remove array item": "Rimuovi elemento dall'array",
-  "Press <1>ESC</1> to lose focus": "Premi <1>ESC</1> per perdere il focus",
   "Must provide protocol: <1>https://</1>": "Protocollo richiesto: <1>https://</1>",
   "Must provide protocol: <1>http://</1> or <3>https://</3>": "Protocollo richiesto: <1>http://</1> o <3>https://</3>",
   "CORS policy won't allow fetching resources served over http from https, use a <1>https://</1> domain": "La politica CORS non permette di caricare risorse tramite http da https, utilizza un dominio <1>https://</1>.",
@@ -96,6 +99,12 @@
   "Save the JSON style to your computer.": "Salva lo style JSON nel tuo computer.",
   "Save as": "Salva con nome",
   "Create HTML": "Crea HTML",
+  "Key": "Chiave",
+  "Value": "Valore",
+  "Remove variable": "Rimuovi variabile",
+  "Global State Variables": "Variabili di stato globale",
+  "No global state variables defined. Add variables to create reusable values in your style.": "Nessuna variabile di stato globale definita. Aggiungi variabili per creare valori riutilizzabili nel tuo stile.",
+  "Add Variable": "Aggiungi variabile",
   "Cancel": "Annulla",
   "Open Style": "Apri stile",
   "Open local Style": "Apri stile locale",
@@ -124,6 +133,7 @@
   "Terrain exaggeration": "Esagerazione del  terreno",
   "Transition delay": "Ritardo della transizione",
   "Transition duration": "Durate della transizione",
+  "Projection": "Proiezione",
   "Open Layers (experimental)": "Apri livelli (sperimentale)",
   "Shortcuts menu": "Scorciatoie del menu",
   "Open modal": "Apri finestra modale",
@@ -196,7 +206,5 @@
   "LocationIQ Access Token": "Token di accesso LocationIQ",
   "Public access token for LocationIQ services.": "Token di accesso pubblico per i servizi LocationIQ.",
   "Style Renderer": "Renderer dello stile",
-  "Choose the default Maputnik renderer for this style.": "Scegli il renderer predefinito di Maputnik per questo stile.",
-  "Language": "Lingua",
-  "Press <1>ESC</1> to lose focus of any input box": "Premi <1>ESC</1> per perdere il focus su qualsiasi campo di input."
+  "Choose the default Maputnik renderer for this style.": "Scegli il renderer predefinito di Maputnik per questo stile."
 }