Feature/friend online status indicator #12

[ericgng220704]

✅ What to Include

• ✅ Title – Clear & descriptive (e.g., Feature: Signup Page)
• ✅ Description – What, Why, How (include a link to issue number)
• ✅ Screenshots/Demo – Add screenshots, videos, or Looms if visual

---

📌 Description

Workflow:

1. Account table has "last_active_user_id" field indicates which user of that account is set to online after logging in (using ActiveUserContext).
2. The user is set to online after logging in by updating the field last_active to the current time and keep being updated (default) every minute (changeable interval). (using usePresenceHeartbeat called inside FriendStatusContext).

Updates:

1. Added ActiveUserContext & FriendStatus Context
2. Added SQL Script to add new fields needed for this feature
3. Complete the functionality of the live online friend count on the home page.
4. Added StatusDot component, which returns a dot indicating the status of a user.

Note:

1. Please create a new issue that creates a profile button or avatar indicating which user of an account is currently online and able to switch to another user if that account has multiple users.
2. In the requirement, it says to display a tool tip on hover on the StatusDot, but I assume that on mobile, there is no hover. Please take a look at that.

---

🔍 How to Test

---

📷 Screenshots / Demo

---

📎 Related Issues

[MaxLan-dev]

:( no merging to main pls, also can u check if it works with the new changes