Convert MovieDetailPage Showtimes Section into a Component

[justinsovine]

Refactor the hardcoded showtimes logic in MovieDetailPage.vue into a reusable, standalone component, improving maintainability and scalability.

Requirements:

1. Component Structure:

   • Create ShowtimePicker.vue in src/components/.
   • Accept props for showtimes, selectedShowtime, and ticketCount, with an optional maxTickets prop.

2. Display Behavior:

   • Iterate over grouped showtimes by day.
   • Render buttons with highlights for active slots and disabled states for expired ones.
   • Include a numeric ticket count input after showtime selection.

3. Accessibility & Responsiveness:

   • Ensure keyboard accessibility (Tab navigation).
   • Ensure mobile responsiveness for buttons and input.

4. Emit Events:

   • Emit update:selectedShowtime and update:ticketCount on user selection.
   • Optionally emit submit on the final "Continue" button.