fix/#132(task-9) - Refactor-useEffects

[umangutkarsh]

Refactored useEffects in src/index.js

Acceptance Criteria fulfillment

• [X] Task 9 - Refactor useEffects

Fixes #132

Description

In this refactoring:

1. The first useEffect block is kept as is since it doesn't require changes.

2. The second useEffect block is refactored to create a separate function handleLogoutAndReInstantiate to handle the logic of logging out and reinstantiating the RCInstance. This function is called conditionally based on the user's login status.

3. The third useEffect block is refactored to extract the logic into a function named handleAuthChange, which is called when the authentication status changes.