[Frontend] Implement experience level field in signup

[mmtftr]

📌 Implement a Feature

🏡 Component

• [ ] Backend
• [x] Frontend
• [ ] Mobile
• [ ] Design
• [ ] Documentation
• [ ] Other

📚 Description

Add an experience level field to the signup form to better understand user expertise and provide personalized content. This will help in recommending appropriate difficulty levels for questions and tailoring the user experience.

📋 Acceptance Criteria

• [ ] Add Experience Level Field

  • [ ] Add dropdown with options:
  • Beginner
  • Intermediate
  • Advanced
  • [ ] Include helper text explaining each level
  • [ ] Make field optional

• [ ] UI/UX

  • [ ] Add field with proper spacing in signup form
  • [ ] Include tooltip explaining the purpose
  • [ ] Ensure proper tab order
  • [ ] Add aria-label for accessibility

• [ ] Validation

  • [ ] Handle empty state
  • [ ] Validate selected option
  • [ ] Proper error handling

• [ ] Testing

  • [ ] Unit tests for validation
  • [ ] Integration tests with signup flow
  • [ ] Accessibility tests

📅 Deadline

• Estimated hours of work: 2 hours
• Implementation Deadline: November 12
• Review Deadline: November 12

👁‍🗨 Reviewer

@NazireAta

[mmtftr]

Closed by #497 Lab 6