fix: Replace hardcoded fake team members with real Supabase data and initials avatar

[Ananya-CM]

Summary

Fixed the Team Members section on the Dashboard which
was displaying hardcoded fake data (Alex, Sam, Jordan,
Taylor) with external pravatar.cc avatar images instead
of real user data.

Changes Made

Only frontend/app/dashboard/page.tsx was modified:

1. Replaced hardcoded team array with dynamic state
   useState<{ name: string; email: string }[]>([])

2. Added useEffect that fetches real members from
   Supabase profiles table using authenticated session

3. Added loading skeleton state while data fetches

4. Replaced external pravatar.cc img tags with
   initials-based colored avatar component —
   no external image requests needed

5. Added clean empty state UI when no members found:
   "No team members yet. Invite your team to get started"

Before

• Hardcoded fake names: Alex, Sam, Jordan, Taylor
• External pravatar.cc image requests on every load
• No connection to real user data

After

• ✅ Real profiles fetched from Supabase
• ✅ Initials avatar with color based on name
• ✅ Loading skeleton while fetching
• ✅ Clean empty state when no members found
• ✅ Zero external image requests

Screenshots

Files Changed

• frontend/app/dashboard/page.tsx — only file modified

Issue

Closes #76

nsoc26

[vercel]

@Ananya-CM is attempting to deploy a commit to the shreemp194-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

👋 Thank you for opening this pull request! I will review your changes and assist you soon.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
flow-forge	Error		May 19, 2026 3:27pm