Fix <Authenticated> briefly renders its children when checkAuth returns error

[adrien-may]

Problem

Using <Authenticated>, we can witness a quick render with the children provided whereas it shouldn't. This happens because react-query returns an object with isPending=False but the callback for error has not been called yet.

Solution

Checking for isError and isPending seems to be more reliable

How To Test

I added a test to demonstrate the problem

Additional Checks

• The PR targets master for a bugfix, or next for a feature
• The PR includes unit tests (if not possible, describe why)
• The PR includes one or several stories (if not possible, describe why)
• The documentation is up to date

Also, please make sure to read the contributing guidelines.

[fzaninotto]

Thanks a lot for the well-written PR and the patch!