FEATURE REQUEST: Add Profile Avatar Upload and Sync Avatar Updates Across App

### Is your feature request related to a problem?

- [x] Yes, it is related to a problem

### Describe the feature you'd like

🌟 Feature Description

Add profile avatar upload, update, and global synchronization support so users can personalize their profiles and see avatar changes reflected across the entire app.

🔍 Problem Statement

Currently, users either cannot change their profile avatar or, after updating it, the new avatar is not reflected consistently across all screens. This results in stale avatars appearing in places like chats, dashboards, and team member lists, leading to an inconsistent user experience.

🎯 Expected Outcome

When a user updates their profile avatar:

The user can:

- Upload a new profile photo
- Preview the image before saving
- Remove an existing avatar
- The avatar image is stored securely (e.g. Supabase Storage)
- The updated avatar:
- Is saved in the user profile (avatar_url)
- Updates immediately across the entire app
- Does not require app restart or re-login
- All screens using the user avatar reflect the latest image automatically

📷 Screenshots and Design Ideas

Display:

- Profile image when available

- Fallback to user initials with a deterministic background color

- Provide “Change Photo” and “Remove” actions

Handle loading and error states gracefully

📋 Additional Context

- Avatar updates should propagate via a central user profile state
- All screens should rely on the same avatar_url source
- Cached avatar images should be invalidated if necessary

Relevant screens affected:

- Edit Profile
- Profile
- Chat
- Team Members
- Dashboard

This feature improves personalization, consistency, and overall user experience.

### Record

- [x] I agree to follow this project's Code of Conduct
- [x] I want to work on implementing this feature