refactor(WalletTable): migrate to Chakra UI

[TylerAPfledderer]

Description

Migrates the WalletTable component to Chakra UI. This PR also...

• Abstracts the logic to a useHook
• Pulls the WalletMoreInfo component to its own file
  • Also splits the structure for each category into a reusable component

Related Issue

Closes #9982

Part of #8632

[gatsby-cloud]

✅ ethereum-org-website-dev deploy preview ready

• Deploy preview
• Build logs · 40m build time

[pettinarip]

Looks great @TylerAPfledderer. Just found one tiny bug on mobile, gj. LGTM

[pettinarip]

lgtm

[pettinarip]

@TylerAPfledderer looking at this again, I see that we are only showing 1 column between md and lg. I think there is still space to display the 3 columns on md.

We should show 1 column below the md breakpoint.

Now:

Before:

[TylerAPfledderer]

@pettinarip hmmm I see it in the deploy, and thought I would call out a Chakra bug with hideBelow style prop being used, but the issue isn't showing locally. And I cleaned the cache.

[TylerAPfledderer]

@pettinarip could you update this PR to get to the latest version of the 'develop' branch? I don't think it up-to-date with a bump of the Chakra version that should solve this.

[pettinarip]

@pettinarip could you update this PR to get to the latest version of the 'develop' branch? I don't think it up-to-date with a bump of the Chakra version that should solve this.

Done!

[pettinarip]

Great @TylerAPfledderer. I see that the last issue was fixed after updating the chakra version 👍🏼