grant/fund redesign

[thelostone-mc]

Description

@captnseagraves / @mbeacom could you help test this out before merge ?
I'm having issues at me end getting token and I'm not able to test out the contribute flow

There aren't any changes in the JS code but still as a precaution

Update: got it working :P

[willsputra]

@thelostone-mc lgtm design-wise. 😁

[codecov]

Codecov Report

❗ No coverage uploaded for pull request base (grants@64f428a). Click here to learn what that means.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             grants    #2921   +/-   ##
=========================================
  Coverage          ?   17.05%           
=========================================
  Files             ?      175           
  Lines             ?    13867           
  Branches          ?     1813           
=========================================
  Hits              ?     2365           
  Misses            ?    11494           
  Partials          ?        8

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 64f428a...68affd3. Read the comment docs.

[thelostone-mc]

I realized that the connect metamask check wasn't added and we didn't do the metamask check in the contribute fund section.
So added that in another individual commit

cc @SaptakS could you check this commit cause you wrote it up the first time and encountered some version issues