Implement Fields and Soil Functionality - Stage 2

[kcaparas1630]

Describe the task

As a QuackStack Developer I want to implement the Fields and Soil Functionality So That I can configure a pattern on what shows first and what shows next

Acceptance Criteria

Given that there's no user data yet.

• Input Fields are shown, Field Name, Area, and Optional Comments (Already done in other ticket)
• Two buttons are made, Add for adding user data, and cancel for removing user data in input fields

Given that that the user has inputted the data and click add

• Input Fields will disappear and the list showing the three headers with their corresponding datas are shown.
• Add New Field Button is shown
• Clicking Add New Field Button will generate the three input fields (Field Name, Area, and Optional Comments)

Additional context

• Add any other context about the task here.