Rewrite table to functional component

[Joozty]

No description provided.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/oacore/dashboard/a9xlzrg5o
✅ Preview: https://dashboard-git-table-functional.oacore.now.sh

[viktor-yakubiv]

I would rather create a few components that accept raw data and just render it and do the data/request management somehow separate.

[Joozty]

@viktor-yakubiv It's basically the second commit b7036c6

The idea is to make the table as dumb as possible. It's kind of part of #260. There should be two table hooks - useDynamicData() and useStaticData(). First mentioned is created in second commit. The later one will be added in the near future as we want to show invited people in settings and this data is static.

[Joozty]

@viktor-yakubiv Sorry it's one big commit. I didn't have a clear idea of how to refactor it so I used different approaches and everything ended up in one commit.

I don't expect you to go through the whole code. Maybe just take a brief look if it is now more readable. I am not sure about it, to be honest. I managed to create small component/hooks and reduce the size of the table file. The most important change is useDymanicData hook. I moved data loading outside of the table and all related state is passed as a props. This can help us to use static data as well and eventually removed Pages (although I don't know how to replace it with something better yet)

[viktor-yakubiv]

It looks okay to me. However, I am afraid of conflicts if push this forward before #335 and #336

[Joozty]

I will wait and handle conflicts here. No problem. Thanks for looking into it. :)

[Joozty]

I hope I resolved all conflicts correctly. Feel free to assign any bug with a table directly to me.

[viktor-yakubiv]

Thanks a lot for maintaining all the conflicts for such a long time! 👍

I hope this PR is as big improvement as we hope 😄