[Feature] User Profile with Auth and Course Progress

[alfred-pennyworth963-bot]

Overview

Add user profile screen with authentication and progress tracking. Profile icon in top-right corner shows login menu for guests, or opens profile for authenticated users.

Authentication Flow

Unauthenticated user:

1. Clicks profile icon (top-right)
2. Dropdown menu appears: "Sign in with Email", "Sign in with Google"
3. User selects method → authentication screen/modal
4. After login → redirect to profile screen

Authenticated user:

1. Clicks profile icon (shows avatar or 👤)
2. Opens ProfileScreen directly

Profile Screen Content

• User avatar + name
• Overall progress ring (total lessons completed %)
• List of courses with progress bars:
  • Course title
  • Progress: "X of Y lessons" + visual bar
  • "Continue" / "Start" button
• Settings link
• Logout button

Technical Requirements

• Web-first with mobile responsive design
• Firebase Auth (email + Google)
• Firestore: user_progress/{userId}/courses/{courseId}
• Adaptive layout: collapses gracefully on narrow screens

Design

No mockups — contributor creativity with ui_kit components. Follow existing patterns from KnowledgeCheckScreen.

Labels

feature, good first issue, help wanted, auth, web

***! Cource progress functionality is the part of other issue, so only mock data need for user cource progress statistics for now ***

---

Want to work on this? Comment below and we'll assign it to you!