FE-SwimMeetDisplay

[MarisiaS]

Create the following components to display the basic info about swim meets:

• SearchBar:

A reusable component consisting of a text input and a search button. When the button is clicked, a search query is sent to the parent component.

• Add new:

A component featuring a button that, when clicked, redirects the user to a page to create a new element, depending on the parent component.

• GenericTable:

A component designed to display data, columns, and actions specified by the parent component.

• PaginationBar:

A component responsible for paginating the data displayed in the table.

• SwimMeetDisplay:

A component tailored to display basic information about swim meets, with data and columns determined by the swim meet model on the backend.

Actions:

1. Details: Sends the user to the heats view
2. Edit: Redirects the user to a form to edit the basic data of the meet.
3. Delete: Deletes the swim meet (implementation may vary depending on the application's requirements).
4. Ranking: Navigates the user to a page displaying the final results of the swim meet.