Enhancement: Update Contacts View to display Contact Cards instead of Table

[timbot1789]

Describe the Current Behavior/Feature:
Recent updates have compressed the amount of information displayed in the client's table. It now looks like this:

Not very much useful information displayed there.

Our figma mockups also display something else here. Instead of a table, we have a list of cards for each client. We can then click on the client to go to their profile.

Proposed Behavior/Feature:
We already have a similar card displayed on the profile page:

We could use these cards in place of the table rows to display client information

[leekahung]

Not exactly in the form of cards like that shown from our Figma designs and that mentioned in this issue, but I've made some headways with MUI's Data Grid to allow for filtering and better sorting in PR #457.