Handle revalidation error in a single place

[renintw]

Fixes #187 (comment)

Testing Step

1. Go to account-status.js and comment out disabled={ ! backupCodesEnabled } on L78.
2. Go to wp-content/plugins/two-factor/class-two-factor-core.php and remove the ! for the if condition on L1209.
   => if ( self::current_user_can_update_two_factor_options( 'save' ) ) {
3. Comment out the following snippet in /wp-content/plugins/wporg-two-factor/settings/src/components/backup-codes.js

if ( ! totpEnabled ) {
	const currentUrl = new URL( document.location.href );
	currentUrl.searchParams.set( 'screen', 'account-status' );
	window.history.pushState( {}, '', currentUrl );
	setScreen( 'account-status' );
	return;
}

4. You will see the Modal popup when visiting /?screen=backup-codes. If you want to observe the same behavior as in the clip below, please use sandbox and make sure you have had 2fa set up, and then do 2. above.

Screen.Capture.on.2023-05-30.at.23-43-23.mp4

TODO

If this method works, pulling up all the setError and error in child components to script.js

[adamwoodnz]

This works for me, worth trying to use setError everywhere I think. We might need to take care of clearing the error centrally when navigating like we do with the globalNotice

[iandunn]

Looks good :)

[renintw]

We might need to take care of clearing the error centrally when navigating like we do with the globalNotice

Good catch! a setError should be added there. Added in 494358f.

Note: Should be merged after #189.