Fixed the import. The hook in the project is exported as useIsMobile, not useMobile. I've updated the import and usage in the players-list component to match the correct export name.

Perfecto. Voy a mejorar la pantalla "Registrar Pago" con un layout de dos columnas. Primero, déjame explorar la estructura actual:

Perfecto. Ahora voy a crear los nuevos componentes. Primero, crearemos un componente para el panel derecho de resumen de pagos pendientes, y luego reorganizaremos la página principal:

Ahora actualicemos la página de inicio para usar el nuevo layout:

Listo! He mejorado la pantalla "Registrar Pago" con una nueva estructura de dos columnas. Los cambios incluyen:

1. Columna izquierda (65%): Mantiene todo el flujo actual de registro (Buscar Socio, Cuotas Pendientes, Datos del Pago)

2. Columna derecha (35%): Nuevo panel "Socios con Pagos Pendientes" que muestra una lista filtrable con:

   • Búsqueda en tiempo real por nombre, DNI o número de socio
   • Filtros de estado (Todos, Pendientes, Al día) con indicadores visuales (verde = al día, amarillo = 1 cuota, rojo = 2+ cuotas)
   • Al hacer click en un socio, se autocompleta automáticamente en la búsqueda izquierda
3. Responsive: En mobile/tablet, los componentes se apilan verticalmente (formulario arriba, panel abajo). En desktop, se mantiene el layout de dos columnas con sticky positioning en el panel derecho.

La pantalla mantiene toda la funcionalidad original, el estilo minimalista y la estética del sistema actual.