Show loading icon on buttons during edit project API requests

[NatashaKSS]

Description

This adds the loading indicators and disabled button look to the action buttons on the "Edit Project" page. Access this page by navigating from Manage > Select a project > Edit Project > Actions

Resolves #4462

Implementation Details

I closely referred to the code written in the PR here which was very helpful as advised by @willemarcel, and used the useAsync hook to initiate the API calls. Once this was done for 1 button, the others were straightforward to implement.

I also did a minor renaming of some local functions within the Modal components so that the naming follows those useAsync functions in actionSidebars.js.

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

• Get access to edit projects in the staging environment from a member of the HOTOSM team

• Run yarn start in the ./frontend folder

• Validate that all button interactions are expected:

  • Message all contributors
  • Map all tasks
  • Invalidate all tasks
  • Validate all tasks
  • Reset all tasks
  • Reset all unavailable tasks
  • Transfer project

• Run yarn test in the ./frontend folder. There were no unit tests for this file, so I tested each button individually instead after implementation.

Here is a reference screenshot of one of the new enhanced buttons:

[willemarcel]

Perfect! Thanks a lot, @NatashaKSS!!