Punto 11: editor de diseno de tickets en Configuracion > Tickets

- Nuevo modelo skeen.ticket.config (AbstractModel) con layout, datos de clinica
  y logo en ir.config_parameter; _mezclar() hace que layouts viejos hereden las
  secciones nuevas; _validar() rechaza valores imposibles y textos largos.
- Endpoints GET/PUT /ticket_config, PUT /ticket_config/clinica,
  POST /ticket_config/reset (reset solo admin) con auditoria en skeen_config_audit.
- Los datos de la clinica pasan de localStorage (cada caja imprimia distinto)
  a configuracion compartida en el servidor.
- TicketDoc.tsx renderiza segun el diseno: ancho 58/80mm, fuente, tamano de letra,
  separador, mayusculas, orden de bloques y 29 secciones activables.
- TicketDesigner.tsx: editor completo con vista previa en vivo, reorden de bloques,
  textos personalizables y carga de logo.
- TicketPrint.tsx ahora es un wrapper de TicketDoc; ReciboPrint, EstadoCuentaPrint,
  RecetaPrint, CortePrint y ConteoPrint usan useClinicaPrint().
- _sale_to_dict expone telefono del paciente, medico que atendio y datos de paquete;
  pos_checkout devuelve recibido/cambio en MXN y USD para imprimirlos.

frontend/src/components/CortePrint.tsx

@@ -2,34 +2,20 @@ import type { FC } from 'react';
 import { Printer } from 'lucide-react';
 import { Button, Modal } from './ui';
 import type { CashClosing } from '../services/odoo';
+import { useClinicaPrint } from '../lib/ticketConfig';
 
 // Corte de caja imprimible. Sigue el patrón de impresión existente
 // (RecetaPrint / EstadoCuentaPrint / TicketPrint): contenido en un
 // div.print-ticket + window.print(); el CSS de @media print en index.css
 // oculta el resto de la página.
 
-interface ClinicSettings {
-  name: string;
-  phone: string;
-  address: string;
-}
-
-const clinicSettings = (): ClinicSettings => {
-  try {
-    const saved = localStorage.getItem('skeen_clinic_settings');
-    if (saved) return JSON.parse(saved);
-  } catch {
-    // ignore
-  }
-  return { name: 'SKEEN Derma Experts', phone: '', address: '' };
-};
 
 const money = (v: number) =>
   '$' + (v ?? 0).toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 
 export const CortePrint: FC<{ corte: CashClosing | null; onClose: () => void }> = ({ corte, onClose }) => {
   if (!corte) return null;
-  const clinic = clinicSettings();
+  const clinic = useClinicaPrint();
 
   const fila = (label: string, valor: number) => (
     <tr>
@@ -53,9 +39,9 @@ export const CortePrint: FC<{ corte: CashClosing | null; onClose: () => void }>
     <Modal isOpen={!!corte} onClose={onClose} title={`Corte de caja ${corte.name}`} maxWidth="lg">
       <div className="print-ticket bg-white text-[#222] p-5 rounded-xl border border-theme-border text-[13px] leading-snug">
         <div className="text-center mb-3">
-          <p className="font-bold text-[15px]">{clinic.name}</p>
-          {clinic.address && <p className="text-[11px] text-[#555]">{clinic.address}</p>}
-          {clinic.phone && <p className="text-[11px] text-[#555]">{clinic.phone}</p>}
+          <p className="font-bold text-[15px]">{clinic.nombre}</p>
+          {clinic.direccion && <p className="text-[11px] text-[#555]">{clinic.direccion}</p>}
+          {clinic.telefono && <p className="text-[11px] text-[#555]">{clinic.telefono}</p>}
           <p className="font-semibold mt-1">CORTE DE CAJA {corte.name}</p>
           <p className="text-[11px] text-[#555]">Fecha: {corte.date} · Cerró: {corte.user || '—'}</p>
         </div>