feat(moonpay): moonpay ip checks to determine if the user can access …

…the fiat onramp (#10)

* feat(moonpay): useFiatOnrampAvailable

* feat(moonpay): ip check with moonpay for buy crypto availability

* add error state and clear up some of the sequence of logic

* add button-specific spinner, put the ... menu button behind the feature flag

* hide ... menu option if onramp is unavailable

* add live publishable moonpay key

* add initial FoR hype border flash to announcement acknowledgment

* remove ... menu access to FoR feature

* add tooltip and external link to info icon

* nicer error display

* add stale market to ack

* pr feedback from zzmp

* fix really weird react bug

* ts fix and clear timeout

* pairing staleness handler w/ zzmp

src/components/WalletDropdown/AuthenticatedHeader.tsx

@@ -229,6 +229,7 @@ const AuthenticatedHeader = () => {
   }, [clearCollectionFilters, closeModal, navigate, resetSellAssets, setSellPageState])
 
   const fiatOnrampFlag = useFiatOnrampFlag()
+
   // animate the border of the buy crypto button when a user navigates here from the feature announcement
   // can be removed when components/FiatOnrampAnnouncment.tsx is no longer used
   const [acknowledgements, acknowledge] = useFiatOnrampAck()