feat: Permitir al usuario cambiar su foto de perfil

[Frasquito3]

Descripción

User Story: Como Usuario registrado, quiero poder subir y cambiar mi foto de perfil, para personalizar mi cuenta y ser fácilmente reconocible en la plataforma.

Nombre de Rama Sugerido (Opcional)

feature/profile-picture-upload

Tareas Propuestas (Checklist)

• Añadir un componente en la página de perfil que muestre la foto actual y permita seleccionar una nueva.
• Implementar un estado local para la previsualización de la imagen antes de subirla.
• Crear un nuevo endpoint en el backend, POST /api/users/me/avatar, que utilice el middleware de Cloudinary para procesar la subida de la imagen.
• El endpoint debe actualizar el campo profile_picture del usuario en la base de datos con la nueva URL de Cloudinary.
• Crear un nuevo hook de TanStack Query (useUpdateAvatar) que envíe la imagen como FormData al nuevo endpoint.
• Al tener éxito, la mutación debe invalidar la query del perfil de usuario (['profile']) para que la nueva imagen se muestre automáticamente en toda la aplicación (ej: en la NavBar).

Definición de 'Hecho' (Definition of Done)

• El código está cubierto por pruebas (si aplica).
• La documentación relevante ha sido actualizada.
• El Pull Request asociado ha sido revisado y aprobado.
• Un usuario puede seleccionar una imagen de su dispositivo, subirla, y verla actualizada como su nueva foto de perfil.