Refactor React Grants and Proposals components about udao

[jagger-harris]

I think we might be able to close this issue now with the new frontend.

[oslfmt]

I would've imagined something more like: the html code this Grants component returns, returns another 2 child components, which are identical cards, maybe something like <CardContainer />. Each of these components takes a props, which are the activeGrants and inactiveGrants you have here. Then within CardContainer, you render each element in the props as a GrantCard or something. Essentially, CardContainer is just a reusable template component. It can even be reused on the proposals page and dashboard.

[austin-davis1]

That's a good idea, I will keep this in mind. This won't be an immediate priority for me, but once I get some free time from other issues I will definitely take a stab at this

[oslfmt]

I see why you choose to implement it this way after looking more closely at the react code. I started work on this in a PR so you can take a look. The strategy I outlined above might have to be slightly modifier.

[oslfmt]

Closing as new frontend fixes this