fix(properties): replace default-font-id datalist with a select

The text input with list="zpl-default-font-ids" hit a browser
datalist quirk: after a datalist suggestion has been picked and the
component re-renders (e.g. when a Labelary preview kicks in), Chrome
and Firefox keep the previous suggestion bound to the input and the
next keystroke gets discarded. The field looked editable but onChange
stopped firing.

Replaces the input with a real select that lists the same union of
font IDs (built-ins + every ^CW alias + every preview binding), plus
an explicit "(none)" option for clearing the default. Selects do
not carry the autocomplete state that broke the datalist input, so
the field stays responsive across re-renders.

Drops the now-unused datalist element and adds the new
label.defaultFontIdNone locale key across all 32 locales.

Author: u8array

src/components/Properties/PropertiesPanel.tsx

@@ -769,16 +769,21 @@ function LabelConfigPanel({
               <label className="text-[10px] text-muted">
                 {t.label.defaultFontId}
               </label>
-              <input
-                type="text"
+              <select
                 className={inputCls}
-                maxLength={2}
-                list="zpl-default-font-ids"
                 value={label.defaultFontId ?? ""}
                 onChange={(e) =>
                   onUpdate({ defaultFontId: e.target.value || undefined })
                 }
-              />
+              >
+                <option value="">{t.label.defaultFontIdNone}</option>
+                {fontIdOptions.map((opt) => (
+                  <option key={opt.value} value={opt.value}>
+                    {opt.value}
+                    {opt.label ? ` — ${opt.label}` : ""}
+                  </option>
+                ))}
+              </select>
             </div>
             <div className="flex flex-col gap-1">
               <label className="text-[10px] text-muted">
@@ -817,11 +822,6 @@ function LabelConfigPanel({
         </div>
         </CollapsibleSection>
       </div>
-      <datalist id="zpl-default-font-ids">
-        {fontIdOptions.map((opt) => (
-          <option key={opt.value} value={opt.value} label={opt.label} />
-        ))}
-      </datalist>
     </div>
   );
 }

src/locales/ar.ts

@@ -118,6 +118,7 @@ const ar = {
     mirror: 'صورة معكوسة',
     defaultFont: 'نمط النص الافتراضي',
     defaultFontId: 'الخط',
+    defaultFontIdNone: '(لا شيء)',
     defaultFontHeight: 'الارتفاع (نقاط)',
     defaultFontWidth: 'العرض (dots)',
     customFontsHeading: 'خطوط مخصصة',

src/locales/bg.ts

@@ -118,6 +118,7 @@ const bg = {
     mirror: 'Огледален образ',
     defaultFont: 'Стил на текст по подразбиране',
     defaultFontId: 'Шрифт',
+    defaultFontIdNone: '(няма)',
     defaultFontHeight: 'Височина (точки)',
     defaultFontWidth: 'Ширина (dots)',
     customFontsHeading: 'Персонализирани шрифтове',

src/locales/cs.ts

@@ -118,6 +118,7 @@ const cs = {
     mirror: 'Zrcadlový obraz',
     defaultFont: 'Výchozí styl textu',
     defaultFontId: 'Písmo',
+    defaultFontIdNone: '(žádné)',
     defaultFontHeight: 'Výška (body)',
     defaultFontWidth: 'Šířka (dots)',
     customFontsHeading: 'Vlastní písma',

src/locales/da.ts

@@ -118,6 +118,7 @@ const da = {
     mirror: 'Spejlbillede',
     defaultFont: 'Standardtekststil',
     defaultFontId: 'Skrifttype',
+    defaultFontIdNone: '(ingen)',
     defaultFontHeight: 'Højde (punkter)',
     defaultFontWidth: 'Bredde (dots)',
     customFontsHeading: 'Tilpassede skrifttyper',

src/locales/de.ts

@@ -118,6 +118,7 @@ const de = {
     mirror: 'Spiegelbild',
     defaultFont: 'Standard-Textstil',
     defaultFontId: 'Schriftart',
+    defaultFontIdNone: '(keine)',
     defaultFontHeight: 'Höhe (Punkte)',
     defaultFontWidth: 'Breite (dots)',
     customFontsHeading: 'Eigene Schriften',

src/locales/el.ts

@@ -118,6 +118,7 @@ const el = {
     mirror: 'Καθρεπτική εικόνα',
     defaultFont: 'Προεπιλεγμένο στυλ κειμένου',
     defaultFontId: 'Γραμματοσειρά',
+    defaultFontIdNone: '(κανένα)',
     defaultFontHeight: 'Ύψος (κουκκίδες)',
     defaultFontWidth: 'Πλάτος (dots)',
     customFontsHeading: 'Προσαρμοσμένες γραμματοσειρές',

src/locales/en.ts

@@ -118,6 +118,7 @@ const en = {
     mirror: 'Mirror image',
     defaultFont: 'Default text style',
     defaultFontId: 'Font',
+    defaultFontIdNone: '(none)',
     defaultFontHeight: 'Height (dots)',
     defaultFontWidth: 'Width (dots)',
     customFontsHeading: 'Custom fonts',

src/locales/es.ts

@@ -118,6 +118,7 @@ const es = {
     mirror: 'Imagen reflejada',
     defaultFont: 'Estilo de texto predeterminado',
     defaultFontId: 'Fuente',
+    defaultFontIdNone: '(ninguna)',
     defaultFontHeight: 'Altura (puntos)',
     defaultFontWidth: 'Ancho (dots)',
     customFontsHeading: 'Fuentes personalizadas',

src/locales/et.ts

@@ -118,6 +118,7 @@ const et = {
     mirror: 'Peegelpilt',
     defaultFont: 'Vaikimisi teksti stiil',
     defaultFontId: 'Font',
+    defaultFontIdNone: '(puudub)',
     defaultFontHeight: 'Kõrgus (punktid)',
     defaultFontWidth: 'Laius (dots)',
     customFontsHeading: 'Kohandatud fondid',