[MPDX-7212] Add appointment results table

[canac]

Description

Implement the Appointments and Results table in the coaching section. I recommend testing by going to the coaching page for Clark Kent because he has data in his report for November. The URL is https://next-stage.mpdx.org/accountLists/${your-account-list-id}/coaching/0587c86d-3b8a-4c42-8394-8f63007fdd1e.

https://jira.cru.org/browse/MPDX-7212

Checklist:

• I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
• I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
• I have requested a review from another person on the project

[aws-amplify-us-east-1]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-819.d3dytjb8adxkk5.amplifyapp.com

[dr-bizz]

I left a few comments, but nothing crazy. Looks goods

[canac]

@dr-bizz Can you review the new changes from this commit when you get a chance? Before, when you resize the window to be wider, the chart would expand, but then when you resize the window to be narrower, the chart would still keep it's large size. The calc should fix that.

The sidebar should possibly be hidden on really small screens like mobile, but I need to see what Scott thinks because that information seems important to show somewhere.

[dr-bizz]

Will review now

[dr-bizz]

On mobile, I think it would work better if the left-hand side was collapsible, as I'm unsure if the information on the left-side menu is always important to the user.

The graph containers go off the page, If you were trying to do what I was referring to last week, I was speaking of making the graph containers fit into the width, but the actual graphs be wider and allowing the user to scroll left-to-right inside the container.

[canac]

Removing this <Box> wrapper because it only exists for display breakpoints that are already present on its parent.