Add User Online Status Indicator feature

[aakashsharma003]

Issue Description

Currently, users have no way of knowing who is online within the application. Adding an online status indicator will enhance the user experience by allowing users to see which other users are currently active.

Task

Implement an online status indicator (e.g., a green dot) next to the usernames or profile pictures to show who is currently online. Ensure that the online status updates in real-time as users log in and out. Display the online status in relevant sections of the application, such as the user list or chat interface. Expected Outcome Users should be able to see an online status indicator next to other users who are currently active. This will enhance the interactivity and social aspect of the application by providing real-time information on user activity.

Notes

Ensure that the online status indicator is visually consistent with the existing UI design. The online status should be updated in real-time and be reliable. Consider using WebSockets or similar technology to handle real-time updates.

Labels and Assignment

If you consider this a valid issue, please add the appropriate label indicating the level of the issue and assign it to me.

[aakashsharma003]

@SamarthKadam, If you consider this a valid issue, please add the appropriate label indicating the level of the issue and assign it to me.

[mahek0620]

@SamarthKadam can you please assign this task to me also

[aakashsharma003]

thankyou @SamarthKadam for assigning it to me.

[aakashsharma003]

@SamarthKadam , please review this PR and feel free to suggest any additional improvements