Brakepoints de pantallas y Tests en Storybook

Buscamos un programador especializado en la maquetación de pantallas responsivas y la creación de tests en Storybook, siguiendo nuestras guías de estilo y sistema de diseño.

Es fundamental contar con experiencia en las siguientes tecnologías:
- Lenguajes y Frameworks: TypeScript, Next.js, React, Redux, RTK.
- Estilos y UI: Emotion, Material UI.
- Herramientas y Control de Versiones: Docker, Git, Jest.
- Buenas prácticas: Guías de estilo, patrones de diseño, revisión y optimización de código existente.

Flujo de trabajo:
- Se entrega el diseño de las pantallas en Figma, junto con la documentación del design system.
- Se agenda una reunión para explicar metodologías y proporcionar accesos.
- Se sube el código para revisión, donde CodeRabbit proporcionará comentarios junto con alguno de los integrantes de nuestro equipo.
- Se realizan los ajustes necesarios hasta que el código sea aprobado.

Criterios de aceptación:
✅ Maquetación correcta de las pantallas, considerando los breakpoints definidos. (4)
✅ Creación de tests en Storybook ( Verificar que cuando se actualice un componente, sigan funcionando los otros breakpoints, La vista cumple con snapshot, odos los inputs funcionan en cada brackepoint)
✅ Código subido al repositorio y aprobado por CodeRabbit y un integrante del equipo.
✅ Organización adecuada de los componentes en sus respectivas carpetas, según el Design System.
✅ Uso correcto de colores, tipografías y estilos de la marca.

Breakpoints a considerar:
Desktop 1: 1366x768
Desktop 6/10: 1280x720
Tablet 1: 768x1024 (vertical)
Mobile 5/14: 414x896