Description:
During the review of PR #645, we identified opportunities to refactor the Modal component and the Add, Edit, and Delete forms to address some recurring problems and improve maintainability.

Existing Problems:

1. CloseX Component:
   • Each form currently implements its own CloseX component and a closeAndReset function to reset the form.
2. Form Reset on Modal Close (ESC):
   • Closing a modal using the ESC key happens at the Modal/HTMLDialogElement level. However, form values inside the modal were not reset when the modal was closed.
   • To address this, a useEffect hook was added to each form to wipe the values when the dependent object changes. While this works as a temporary fix, it’s not a long-term solution.

Proposed Solution:

• Move the responsibility for resetting the form to the Modal component.
• Refactor FormProps so they can be passed into the Modal along with the form itself, enabling the Modal to invoke reset() on any form.

This refactor would simplify form handling, reduce redundant code, and improve the maintainability of the Modal and related components.