/* ===================================================================== ui-components.jsx --------------------------------------------------------------------- Qué hace este archivo: - Contiene las piezas visuales pequeñas y reutilizables que se usan en el resto de la app: iconos, el logo, el sello de estado ("Stamp"), la forma de mostrar dinero ("Money"), la barra de progreso, las tarjetas de sección y el listado del libro mayor. - No contiene lógica de negocio (dinero, familias, etc.), solo "cómo se ve" cada pieza. Este archivo se carga con type="text/babel" porque usa JSX (las etiquetas tipo HTML dentro de JavaScript). El navegador lo traduce sobre la marcha con Babel (ver index.html). IMPORTANTE: este es el PRIMER archivo con JSX que se carga, así que aquí se sacan del objeto React los "hooks" (useState, etc.) que el resto de archivos JSX también van a usar. Al ser