The route component checks user sign-in state and redirect users to the sign-in page if they haven’t signed in.
AuthRoutes is the component to check the current user sign-in state. If the user’s
false, it will show a loading screen with the
<Loader /> component. Once the user’s sign-in state is checked, which means
true, it will either redirect the user to the sign-in page when the user hasn’t signed in or show the nested React routes.
|loader||This is the loader component to be displayed when the application is loading user sign-in state data|