Wire up Profile page to real backend API and contract data

[Anuoluwapo25]

Description

src/pages/Profile.tsx displays static or mock user data. It should show a learner's real enrolled courses, completed milestones, earned LRN tokens, and ScholarNFT credentials.

What Needs to Be Done

1. Fetch enrolled courses from GET /api/courses?learner={address}
2. Fetch milestone statuses from CourseMilestone contract or backend
3. Display real LRN balance from useLearnToken() hook
4. Display ScholarNFT credentials (if any) from ScholarNFT contract
5. Show empty states when user has no activity

Acceptance Criteria

• Page shows real data when wallet is connected
• Loading skeletons shown while fetching
• Error state handled if API/contract calls fail
• Empty state shown for new users with no activity

Files Affected

• src/pages/Profile.tsx
• src/hooks/useProfile.ts (create if needed)

Labels

frontend, integration, help wanted, Stellar Wave

[skaichima]

I'm interested in working on this issue. I have the necessary skills to handle this efficiently and would appreciate it if you could assign it to me. Thanks!

[waterWang]

/assign

[grantfox-oss]

🦊 GrantFox — @skaichima has been assigned to this issue as part of the Third Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #1021)
2. Your PR will be reviewed by the bakeronchain maintainers

Good luck! Track your progress on GrantFox.