Feature: not to display login in Navbar once got loggedIn

[Jk-karunadu]

Is your feature request related to a problem? Please describe.

Currently, the login option in the Navbar remains visible even after a user successfully logs in. This issue aims to hide the login button once the user is authenticated to improve the user experience and provide a cleaner interface.

Describe the solution you'd like

Authentication State Management:

• Utilize the existing authentication state (from context, Redux, or any state management solution in use) to track whether a user is logged in.

Navbar Component Modification:

• Update the Navbar component to check the authentication state.
• Use conditional rendering to show/hide the login button based on whether the user is logged in.

Testing:

• Test the Navbar functionality by logging in and ensuring that the login button is hidden and the logout button appears.
• Confirm that the login button is displayed when the user logs out.