Default Component - Copy this React, Tailwind Component to your project

Create a structured and interactive Phases Generation Form within the Milestone Creation Modal for a freelance platform. When users click 'Create Milestone,' a modal should open, prompting them to define the total number of project phases, the total project budget, and the overall project timeline (start date to end date). Once submitted, the system should generate that exact number of Milestone Forms, each appearing sequentially. Users must complete each milestone form before moving to the next, ensuring structured data input. Each milestone form should capture Milestone Name, Start & End Dates, Due Date, and Budget Allocation for that specific phase. Once all milestones are created and submitted, the milestone list appears in a structured sequence, with the first milestone active and subsequent milestones locked until their predecessors are completed. The 'Create Milestone' button should disappear after submission to maintain workflow integrity. The UI should be modern, user-friendly, and mobile-responsive, ensuring smooth navigation, real-time validations, and a structured milestone management process.