Lesson 2 cleanup

[jaygiang]

Improves the structure, clarity, and completeness of the "Lesson 2: Start Trip Form Inputs" tutorial documentation.

Structure and Formatting

• Improved heading hierarchy using proper markdown levels (### for subsections)
• Added consistent section numbering (1.1, 1.2, 2.1, 2.2, etc.)
• Highlighted code additions using //diff-add-start and //diff-add-end tags
• Standardized line numbering in code examples to match actual file positions

Content Enhancements

• Added dedicated import sections for each component (TimePicker, Select)
• Updated TimePicker example with corrected properties:
  • Changed maxTime from "23:30" to "23:45"
  • Replaced error handling attributes with simplified version
  • Used proper requiredMarker property instead of manual <span> elements
• Added a complete form example showing all three inputs together
• Updated all code examples to reflect the actual implementation

Technical Accuracy

• Add explanation for state management and onChange handler for clarity
• Removed references to validation(will be handled in lesson 5)

[theangchen]

Typo under Explaination for TimePicker:
defaultValue={formDatastartTime}
should be:
defaultValue={formData.startTime}

[theangchen]

@jaygiang This looks good. I was able to step through Lesson 2 ✅

• Just need fix the 1 typo
• Make sure the imports we're supposed to add in this lesson are removed in StartTrip.jsx
• Double check the line numbers are correct for the FormGroup in StartTrip.jsx. It was close but slightly off for me.

Otherwise good to go.

[theangchen]

Typo here. Should be:
defaultValue={formData.startTime}

[jaygiang]

Thanks @theangchen! I made the typo update. Also, I'll write those notes down for when I update the learn-radfish startTrip.jsx file.