Ejercicio de programación con React: Navegación programática y redirección

Crea un componente de React que implemente un formulario de inicio de sesión. Deberás aplicar la navegación programática utilizando el hook useNavigate de React Router. El formulario contará con los campos de username y password. La tarea consistirá en verificar las credenciales proporcionadas por el usuario comparándolas con valores estáticos predefinidos: un username que debe ser "admin" y una password que debe ser "1234".

Si las credenciales son correctas, tu aplicación debería redirigir automáticamente al usuario al tablero de administración ubicado en la ruta /admin-dashboard. En caso contrario, si las credenciales son incorrectas, será necesario mostrar un mensaje de error en la misma página para que el usuario pueda intentarlo nuevamente.

Una vez redirigido al tablero de administración, el componente debe exhibir un mensaje de bienvenida que incluya el nombre de usuario. El objetivo es comprender y aplicar los conceptos de navegación enrutada combinándolo con la gestión de estado y validación de formularios en React.

Instrucciones

1. Implementa el formulario de inicio de sesión que verifique las credenciales.
2. Utiliza el hook useNavigate para la navegación programática.
3. Muestra un mensaje de error si las credenciales son incorrectas.
4. Al navegar al dashboard, muestra un mensaje de bienvenida que incluya el nombre de usuario.