fix(frontend): #37 punti 1,4,5,6 - 502 backend giù, barcode quotato, apici Alpine, paginazione ricette

1. api_client.py: ConnectionError/Timeout restituisce status_code=502 invece
   di 0 (nessuna route confrontava == 0, verificato); i proxy che inoltrano
   resp.get("status_code", 500) ereditano il fix senza altre modifiche.
4. measure.py lookup_barcode: code non stringa -> 400 (prima 500 su
   code.strip()); urllib.parse.quote(code, safe="") prima di comporre l'URL
   verso il backend - un barcode con '/' o '../' non spezza più il path né
   raggiunge altri GET con i permessi dell'utente.
5. Ogni "'{{ _(...) }}'" dentro un attributo Alpine (x-text, :title,
   :placeholder, @click) sostituito con "{{ _(...)|tojson_attr }}": la
   traduzione EN di admin/stations.html:105 ("Clear the station's recipes")
   ha un apostrofo che l'IT non ha, e rompeva quel binding e basta - non è
   un XSS, ma stessa classe di difetto di #10. File toccati: admin/stations,
   admin/users, maker/recipe_list, maker/recipe_editor, maker/task_editor,
   maker/task_drawing, components/caliper_status, measure/select_recipe.
   Le occorrenze dentro <script>...</script> (non attributi) sono fuori
   perimetro per questo punto.
6. statistics.py dashboard(): ciclo sulle pagine (per_page=100, il massimo
   del backend) invece di un'unica chiamata che troncava la tendina ricette
   alla centesima.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/frontend/flask_app/templates/components/caliper_status.html

@@ -12,8 +12,8 @@
          ? 'bg-green-50 dark:bg-green-900/20 border-green-300 dark:border-green-700 shadow-md shadow-green-100 dark:shadow-green-900/30'
          : 'bg-[var(--bg-card)] border-[var(--border-color)]'"
        :title="readingCount > 0
-         ? '{{ _('Letture calibro') }}: ' + readingCount
-         : '{{ _('Calibro USB') }}'">
+         ? {{ _('Letture calibro')|tojson_attr }} + ': ' + readingCount
+         : {{ _('Calibro USB')|tojson_attr }}">
 
     <!-- Status dot -->
     <span class="relative flex h-2.5 w-2.5">
@@ -43,7 +43,7 @@
     <!-- Label -->
     <span class="text-xs font-medium transition-colors duration-300"
           :class="active ? 'text-green-700 dark:text-green-300' : 'text-slate-600 dark:text-slate-400'"
-          x-text="active ? '{{ _('Lettura calibro') }}' : '{{ _('Calibro USB') }}'"></span>
+          x-text="active ? {{ _('Lettura calibro')|tojson_attr }} : {{ _('Calibro USB')|tojson_attr }}"></span>
 
     <!-- Last reading value (shows when active or when there's a recent reading) -->
     <span x-show="lastReading !== null"