Fix: Dashboard shows hardcoded username "Anshi" and static stats instead of real logged-in user data

[Ananya-CM]

🐛 Bug Report

Area: Dashboard — User greeting and Stats section
Type: Bug — Hardcoded Static Data
Priority: High — every user sees wrong name

---

📌 Description

The Dashboard page displays hardcoded data for
both the user greeting and the stats section.
Every user who logs in sees "Welcome back, Anshi 👋"
and the same fake statistics, regardless of who
is actually logged in or what their real data is.

---

🔍 Proof — Hardcoded Data in Source Code

In frontend/app/dashboard/page.tsx:

const user = {
  name: "Anshi",    // ← hardcoded name
  role: "admin",    // ← hardcoded role
};

And the stats section:

const stats = [
  { title: "Velocity",  value: "+18%", icon: TrendingUp },
  { title: "Deploys",   value: "24",   icon: Rocket },
  { title: "Incidents", value: "2",    icon: AlertTriangle },
];

These are completely static — no connection to
any real user session or actual project data.

---

❌ Current Behaviour

• Every user sees "Welcome back, Anshi 👋"
  regardless of their actual name
• Stats show the same fake numbers for everyone
• No connection to real Supabase auth session
• Logged-in user's actual name is ignored

---

✅ Expected Behaviour

• Greeting should show the actual logged-in
  user's name from Supabase session:
  "Welcome back, [Real Name] 👋"
• Role should reflect real user role from
  the profiles table
• Stats should either show real computed
  values OR show a clear placeholder state
  indicating data is not yet available

---

💡 Proposed Fix

In frontend/app/dashboard/page.tsx:

1. Replace hardcoded user object with real
   session data fetched from Supabase:

const [user, setUser] = useState({ 
  name: "User", role: "member" 
});

useEffect(() => {
  const getUser = async () => {
    const { data: { session } } = 
      await supabase.auth.getSession();
    if (session?.user) {
      const name = 
        session.user.user_metadata?.full_name 
        || session.user.email 
        || "User";
      setUser({ name, role: "member" });
    }
  };
  getUser();
}, []);

2. Replace hardcoded stats values with
   placeholder state that clearly shows
   data is not yet integrated:

const stats = [
  { title: "Velocity",  value: "—", icon: TrendingUp },
  { title: "Deploys",   value: "—", icon: Rocket },
  { title: "Incidents", value: "—", icon: AlertTriangle },
];

---

📂 File to Change

frontend/app/dashboard/page.tsx — only this file

---

🖥️ Steps to Reproduce

1. Sign up with any name (e.g. "Test User")
2. Log in at http://localhost:3000/login
3. Navigate to http://localhost:3000/dashboard
4. Observe greeting says "Welcome back, Anshi 👋"
   instead of your actual name
5. Observe same fake stats for every user

---

@Shriii19
I'd like to work on this issue.
Could you please assign it to me?

nsoc26

[github-actions]

👋 Hey @Ananya-CM!

Thanks for opening this issue! 🚀

📌 NSoC'26 Contribution Guidelines

⚠️ Please follow these rules carefully:

• Do NOT create a PR until this issue is assigned to you
• Include NSoC'26 tag
• Include screenshots if it's UI-related
• Follow all contribution guidelines properly

🧑‍💻 A mentor will review and assign this issue soon.

---

🙏 Thank you for raising this issue!
We’ll review it as soon as possible. We truly appreciate your contribution ✨

📖 Meanwhile, please make sure you have checked:

• README.md
• CONTRIBUTING.md
• CODE_OF_CONDUCT.md

🚫 Reminder: Do NOT create a PR until this issue has been assigned.

Happy coding! 💻🔥

[Shriii19]

@Ananya-CM go for it.