Route authenticated users

[adhilsalim]

In Main.jsx, I have added a function called onAuthStateChanged().

• If the user is authenticated, route them to the home page (create a boilerplate), otherwise they will be routed to the sign-in page.

• If the user is not authenticated and tries to access pages other than the sign-in and sign-up pages, re-routed them to the sign-in page.

• If the user is authenticated and tries to access the sign-in or sign-up page, re-routed them to the home page.

[adhilsalim]

• If the user is not authenticated and tries to access pages other than the sign-in and sign-up pages, re-routed them to the sign-in page.

if the user is not authenticated no need to re-route to sign-in or sign-up as we are allowing all to access them.

[adhilsalim]

in Main.jsx there is funcion called onAuthStateChanged, make use of it to do the following.

if a user is signed in and navigates to /sign or /signup redirect them to /

@AkhilLV