add icons and refactor navbar to support mobile view

[beetlejuice96]

Issues relacionados.

• Resuelve issue #

Que implementa o corrige este Pull Request.

Lista los links a documentación, recursos, etc que estén relacionados:

Tipo de Pull Request:

• Refactor (Modificación de código existente).
• New feature (Introducción de nueva funcionalidad).
• Bug fix (Corrección de error/es)
• Performance (Mejoras de optimización).
• Docs (Actualización/extensión de documentación).

Pasos necesarios para probar/visualizar los cambios implementados:

1. Ejecutar yarn dev

Capturas de pantalla/videos:

• Nuevo componente.
• Modificación a elemento en la interfaz de usuario.
• No aplica.

---

Código de conducta y contribuir.

⚠️ Antes de realizar el Pull Request, por favor asegúrate de haber leído el código de conducta y cómo contribuir.

• He leído seguir el código de conducta de este proyecto.
• He leído seguir las normas de cómo contribuir a este proyecto.

Note

⛑️ En caso de que necesites ayuda o tengas alguna duda recordá que también podés preguntar en el canal #juguetear dentro de la comunidad FrontendCafé en Discord. El código de conducta de este proyecto es extensible también a tu participación en el server de FrontendCafé.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
juguetear-web	✅ Ready (Inspect)	Visit Preview		Apr 1, 2024 11:25pm
storybook-juguetear-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 1, 2024 11:25pm

[beetlejuice96]

• Estado previo a la modificacion:
  

• Estado actual:
  

[TonyMckes]

Hey there @beetlejuice96! Perdona la tardanza!
Dejo un poco de feedback... Se esta viendo muy bien, solo note un par de cosas:

1. El padding en el boton de cerrar se le podria reducir un poco

2. Los links deberian indicar la pagina actual, asi como se ve en Figma

   

De resto todo se ve perfecto! 🚀