add useTable hook, custom table component and refactor manage user page

[98ZhaoJeffrey]

Notion ticket link

Ticket Name

Implementation description

• Introduce a react hook and a custom table component for any component that uses a table

Steps to test

1. Test that the table is functional on the manage user page

What should reviewers focus on?

• Should we be using our own hook atp?
• Does the structure of how I implement a custom table make sense at all?

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR

[carolynzhang18]

BTW I see this eslint warning:

[carolynzhang18]

i like this!! pretty clean 🤩

[mxc-maggiechen]

It looks good! My only feedback is maybe make the table headers bolded? There's also some weird UI stuff going on with the rows per page selector... Might be good to fix if possible 👍

[98ZhaoJeffrey]

btw dont merge yet, need to do this for the other table here as well