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

[Diaroke]

@Diaroke has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

I would want to work on this issue because I can handle it correctly, Kindly Assign.
Thank you.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Diaroke to this issue.

[drips-wave]

Congratulations, @Diaroke! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @Diaroke: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊