He agregado animaciones de desvanecimiento suave al loading screen:

1. Fade-in al aparecer: Usa animate-in fade-in para que el loading aparezca gradualmente.
2. Fade-out al desaparecer: Después de 2 segundos, el estado cambia a isFading que aplica opacity-0 con transición de 500ms.
3. Timing perfecto: El componente se remueve del DOM solo después de que la animación de fade termina, evitando desapariciones abruptas.

He removido la animación de animate-in fade-in del contenedor principal. Ahora el loading aparece inmediatamente cuando carga la página y solo se desvanece suavemente después de 2 segundos.