FRONT - Hacer listado de users

[ANGdesarrollo]

Descripción:

Crear una nueva sección en la aplicación para listar usuarios, siguiendo la estructura y lógica existente para otros listados. La obtención de datos se realizará en el lado del servidor de Next.js utilizando la service role de Supabase para garantizar la seguridad.

Tareas específicas:

Configurar el lado del servidor de Next.js:

• Crear un cliente ssr en Next.js para manejar la obtención de usuarios con la service_role key.
• Usar este cliente para hacer las peticiones de listar usuario (tambien te va a servir para crear y hacer update de usuarios)
• Implementar paginación, filtrado y ordenamiento en el servidor.
• Asegurar que solo usuarios autenticados y autorizados puedan acceder a este endpoint. (Es decir, hay que chequear que el usuario tenga rol de administrador).

Agregar un nuevo ítem en la barra de navegación (navbar):

• Texto: "Users".
• Pedirle a @gerbocco una imagen adecuada.
• Debe dirigir a la nueva página de listado de usuarios.

Crear una nueva página para el listado de usuarios:

• Ruta sugerida: '/users'
• Implementar un componente similar al usado en otros listados (ej: ItemList)

Implementar la lógica de fetching de datos:

• Utilizar fetch SSR para obtener los datos iniciales del servidor.
• Implementar la lógica para llamadas subsecuentes (paginación, filtrado) a la API route de Next.js.
• Manejar estados de carga, error y datos recibidos.

Lógica y vista:

• Mostrar información relevante de cada usuario (ej: nombre, email, rol)
• Implementar paginación similar a otros listados
• Agregar funcionalidad de búsqueda/filtrado si existe en otros listados

Seguridad:

• Asegurar que la service role key esté almacenada de forma segura en variables de entorno del servidor.

Recursos:

Documentación de Supabase para listar usuarios

Criterios de aceptación:

• El ítem "Usuarios" debe ser visible y funcional en la barra de navegación
• El listado de usuarios debe cargar y mostrar datos correctamente
• La paginación debe funcionar como en otros listados
• El diseño debe ser consistente y responsive
• Debe pasar las pruebas de accesibilidad básicas
• Solo usuarios autorizados deben poder acceder a la página de listado de usuarios
• La API route debe estar correctamente securizada y solo accesible por usuarios autenticados

[ANGdesarrollo]

Dejo la tarea bloqueada porque @MiaPass va a tener un problema con paginacion y filtros que tengo que consultar con @Murzbul

[ANGdesarrollo]

Se resolvio que hay que crear la logica de paginacion y filtros para Supabase @MiaPass vas a tener que re estimar esto.