major: enhance the complete ui

Currently the ui looks primitive,

all functionalities must be working
color contrasts etc must be present

enhance the overall ui with simple-complex components - ensuring rendering time is not affected much and is also visually appealing

El issue no menciona archivos, pruebas ni puntos de entrada, así que primero mapea la UI existente de Next.js y ejecuta la aplicación para identificar las pantallas y las interacciones actuales. Define un conjunto específico de mejoras de UI, verifica que toda la funcionalidad existente siga funcionando, comprueba el contraste de color y compara el rendimiento del renderizado antes y después de los cambios.

Escrito por el modelo de indexación a partir del texto del issue.