Create modal to change image profile

[Eghinner]

fix #134

https://deploy-preview-135--did-app.netlify.app/

Cambio: Modal de subida de imagen de perfil

Se ha realizado un cambio en la funcionalidad de la imagen de perfil, específicamente en la creación de un modal que se despliega al hacer clic en la imagen de perfil existente. El objetivo de este cambio es permitir a los usuarios subir una nueva imagen de perfil de manera más intuitiva.

Descripción

El nuevo modal de subida de imagen de perfil proporciona una experiencia mejorada al usuario al interactuar con su imagen de perfil. Al hacer clic en la imagen de perfil actual, se abrirá un modal que contiene recomendaciones y un campo de carga de archivos estilizado.

Dentro del modal, se incluye un texto descriptivo que proporciona recomendaciones al usuario sobre el tamaño ideal de la imagen de perfil. En este caso, se sugiere que la imagen tenga un tamaño de 100x100 píxeles para una mejor visualización.

El campo de carga de archivos, que se presenta como un botón de "Subir imagen", permite al usuario seleccionar una imagen desde su dispositivo y subirla. Una vez que se ha seleccionado la imagen y se ha completado el proceso de carga, el modal se cerrará automáticamente.

Este cambio tiene como objetivo mejorar la experiencia del usuario al actualizar su imagen de perfil, brindando indicaciones claras y una interfaz fácil de usar.

Beneficios

• Interfaz intuitiva: El uso de un modal proporciona una forma clara y directa para que los usuarios suban una nueva imagen de perfil.
• Recomendaciones claras: El texto descriptivo dentro del modal ofrece recomendaciones sobre el tamaño ideal de la imagen de perfil, lo que ayuda a los usuarios a ajustar su imagen antes de subirla.
• Cierre automático: Una vez que se ha completado la carga de la imagen, el modal se cierra automáticamente, lo que proporciona una transición fluida y evita que el modal permanezca abierto innecesariamente.

[angelik0828]

✔️ al realizar la validación se ve lo descrito en la tarea se cumple con el propósito, tengo algunas sugerencias @Eghinner

⚠️

• Revisar que ahí un punto después del texto del tamaño de la imagen

• En el botón del modal el teto debe estar centrado y el icono no tan separado de el texto.

• Colocar un espacio entre el texto de tamaño de imagen y el texto se sugerimos ajustar tu imagen antes de subir.

[angelik0828]

✔️ Se ha mejorado lo sugerido por mi parte esta aprobado

[angelik0828]

In this, the visualization of the pdf in the app is working because I have not been able to see it