[REFACT]: Make the profile completely dynamic #87
Description
Refactor : Profile Page
📝 Description
Redesign and enhance the profile page to be fully dynamic, user-centric, and informative for debate participants.
✅ Features to Include
- Fully dynamic and responsive profile page layout
- Add and update:
- Social media links (LinkedIn, Twitter, GitHub, etc.)
- Bio / About section
- Profile picture
- Change password functionality
- Display current Elo rating
- Display a live Elo rating graph over time
- Filter: last 7 days / 30 days / all time
- Show total match stats:
- Matches won
- Matches lost
- Matches drawn
- Calculate and display win rate percentage
- Display recent debates (e.g. last 3):
- Opponent name
- Outcome (Won / Lost / Draw)
- Score (optional)
- Mobile-friendly and responsive UI
- Add badges/achievements (e.g., "10-Win Streak", "First Debate Completed")
- Show a topic heatmap or most debated categories
- Add profile completion percentage