Double cursor appearing on right letter(typed) followed by a wrong letter(typed)

[FurqanAnwar]

When we type a wrong letter, the wrong letter animation starts and if we type the right letter right after the wrong letter the animation stops and puts 2 cursors on the letter.

Reason is when we type wrong letter we are setting up a function that will remove the animation and add cursor(class) back to the wrong letter. Since we typed the right letter right after typing the wrong letter we successfully added the new cursor but after 0.8s the wrong lettter function( which was being set by setTimeout earlier) removes the animation and add cursor(class) back to the element.

This PR include a fix for this issue.