Give readable content its own text size (#3637)

* feat(app): separate content typography from interface size

Readable prose benefits from its own scale without inflating navigation and controls. Preserve existing users’ rendered size during migration while giving fresh desktop installs a 15px content default.

* test(app): cover independent content typography

The appearance journey now verifies that changing interface size leaves content size intact. Timeline traversal yields when a test deliberately holds the requested page, so the helper no longer waits on its own gate.

* test(desktop): cover independent content typography

The desktop appearance regression follows the renamed Interface control and verifies it does not alter Content size.

packages/app/src/i18n/resources/es.ts

@@ -2098,13 +2098,18 @@ export const es: TranslationResources = {
         interfaceFontHint:
           "Utilizado en toda la aplicación. Déjelo vacío para el valor predeterminado del sistema.",
         interfaceFontAccessibility: "Familia de fuentes de interfaz",
-        baseSize: "Tamaño base",
-        baseSizeAccessibility: "Tamaño base de la fuente",
+        interfaceSize: "Tamaño de interfaz",
+        interfaceSizeHint: "Se usa en la navegación, los controles y las etiquetas",
+        interfaceSizeAccessibility: "Tamaño de fuente de interfaz",
+        contentSize: "Tamaño de contenido",
+        contentSizeHint: "Se usa en el texto del chat y el Markdown renderizado",
+        contentSizeAccessibility: "Tamaño de fuente de contenido",
         codeFont: "Fuente de código",
         codeFontHint:
           "Se utiliza en código, diferencias y salida del terminal. Déjelo vacío para el valor predeterminado del sistema.",
         codeFontAccessibility: "Familia de fuentes de código",
         codeSize: "Tamaño del código",
+        codeSizeHint: "Se usa en código, diferencias y la salida del terminal",
         codeSizeAccessibility: "Tamaño de fuente del código",
       },
       syntax: {
@@ -2112,7 +2117,9 @@ export const es: TranslationResources = {
         highlightTheme: "Tema destacado",
         highlightThemeHint: "Colores para el código, independientemente del tema de la aplicación.",
         highlightThemeAccessibility: "Tema destacado:{{value}}",
-        previewAccessibility: "Vista previa en vivo del tema de sintaxis y fuente del código",
+        previewAccessibility:
+          "Vista previa en vivo de la tipografía de contenido, el tema de sintaxis y la fuente del código",
+        previewContent: "Vista previa de contenido y código",
       },
     },
     shortcuts: {