Default Component - Copy this React, Tailwind Component to your project

Modifica la siguiente interfaz de configuración de perfil de aplicación de ayuno para el modo de día, realizando los siguientes cambios: Estilo Visual: Reemplaza los contenedores negros por contenedores con fondo blanco o gris claro (#F0F0F0) y bordes suaves. Mejora el contraste del texto para mayor legibilidad. Utiliza una paleta de colores amigable, como tonos de azul (#2196F3) o verde (#4CAF50) para elementos interactivos. Notificaciones: Cambia el texto de "Preferencias de Notificaciones" a "Notificaciones". Cuando el interruptor de notificaciones esté activado, cambia su color a verde o azul para indicar que está activo. Modifica las opciones de notificación para incluir: "Notificar [tiempo] antes del inicio del ayuno" (con campo de selección de tiempo). "Notificar [tiempo] antes del final del ayuno" (con campo de selección de tiempo). "Notificación dentro de la app" (interruptor). "Notificación por correo electrónico" (interruptor). Iconos: Asegurar que el icono de configuración se visualice de manera correcta. Asegurar la correcta visualización del icono de luna para cambiar a modo noche. Botón: Mantén el botón "Guardar Perfil" con un diseño llamativo. Mantén el resto de los elementos de la interfaz (campos de entrada, indicador de completitud del perfil) sin cambios