Refactor: map props to hooks

[katspaugh]

To make our components more testable, we need to rely less on external hooks and more on props.

To this end, we're introducing a function that maps props to hooks. E.g.:

// "Dumb" component that takes props
type AddressBookTableProps = {
  chain?: ChainInfo
  setTxFlow: TxModalContextType['setTxFlow']
}

export const AddressBookTable = ({ chain, setTxFlow }: AddressBookTableProps) => {
  //...
}

// A "smart" wrapper for that component that maps additional props to hooks
export default madProps(AddressBookTable, {
  chain: useCurrentChain,
  setTxFlow: () => useContext(TxModalContext).setTxFlow,
})

With this approach, the "dumb" AddressBookTable component can be more easily tested w/o having to mock those hooks.

[github-actions]

Branch preview

✅ Deploy successful!

https://madprops--walletweb.review-wallet-web.5afe.dev

[github-actions]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: ✅ success
• Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[github-actions]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: ✅ success
• Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[usame-algan]

I tried testing one of the wrapped components but get a type error when trying to render(<ExportDialog />)