[FEATURE] Button Lock on Write Request to the API

[frinzekt]

Is your feature request related to a problem? Please describe

As a user, when creating, updating or deleting, I want the system to prevent my from accidentally clicking the action twice.

Describe the solution you'd like

The button should be disabled when waiting for the request to finish

Additional context

When the user spams the submit button, it will create multiple requests.

We need to stop that from happening by disabling the button. We can do that in 2 way depending on certain circumstances

1. Formik submission isLoading attribute
2. Manually doing it by useState... Useful for case like the AreYouSureModalButton

In terms of UI stuff, you can either use:

1. disabled attribute
2. Loading button https://mui.com/material-ui/react-button/#loading-button