Add Loading Status to Large Tables

[srukelman]

Description

• Currently a lot of the major tables in our page take a while to load and we anticipate this to get worse as CCH starts to use it since they want infinite-scrolling single-page tables
• Thus from a UX perspective it would be very helpful to convey to the user that the data in the table is still loading

Steps

1. For the Following Tables add a useState that tracks whether the data in the Table has loaded and if not display a loading message and a spinner icon chakra spinner documentation
   1. Case Manager Monthly Statistics
   2. Donations
   3. Volunteers
   4. Client List
   5. Forms Table

should look like this on a table:

for the chakra styling configs use: emptyColor gray 100 and color blue 500

Acceptance Criteria

• A new component is created called Loading that displays a loading message and loading spinner
• the loading component is displayed in place of the table for the following tables\
  • CM Monthly stats
  • donations
  • volunteers
  • client list
  • forms table
• empty table (including table headers) are not displayed while loading
• loading component is not displayed once table is rendered