Improve Modal mount handling

[yomybaby]

When using Ant Design's Modal with the destroyOnClose prop, the modal only renders its children when open. However, if a custom Modal component(e.g. BAIModal) is created using this, the state of this this custom Modal component does not reset state upon closing. This is because the component remains in the React render tree even when closed. This can lead to unnecessary rendering and network requests, requiring additional logic unrelated to the component's primary function to prevent these issues. There is a need to improve this for better code readability and maintainability.