feat: useDisplayUsdMode hook

[rin-st]

Description

Adds useDisplayUsdMode hook which helps to work with nativeCurrency/USD values.

Hook takes as parameter defaultUsdMode which sets an initial value, and returns { displayUsdMode, toggleDisplayUsdMode }. toggleDisplayUsdMode allows to change inner displayUsdMode, and displayUsdMode basically returns current USD mode.

defaultUsdMode and displayUsdMode variables are booleans. true means USD, false means Native Currency.

See discussion here

Note:

• I didn't set default state to undefined since with it we need additional conditions like if (typeof nativeCurrencyPrice !== "undefined" && nativeCurrencyPrice > 0) etc.
• I assigned default isFetching value for price to true, so it's clear that if !isFetching && price === 0 then fetch failed.

Additional Information

• I have read the contributing docs (if this is your first contribution)
• This is not a duplicate of any existing pull request

[technophile-04]

Tysm @rin-st !! Tested it and works great !

Lol initally I was bit hesitant to have this hook in hooks/scaffold-eth since seem too specific to SE-2 internal use but then realised that we have hooks like useAnimateConfig etc too in their, not sure what the best place to keep this internal hooks but I think its fine for now !

[rin-st]

Lol initally I was bit hesitant to have this hook in hooks/scaffold-eth since seem too specific to SE-2 internal use but then realised that we have hooks like useAnimateConfig etc too in their, not sure what the best place to keep this internal hooks but I think its fine for now !

I agree that the hooks folder is a little bit mess. Maybe in future create two folders like core (main hooks from docs) and internal/helpers/utils(all other hooks)?

[technophile-04]

Niceee tysm @rin-st !!

---

Maybe in future create two folders like core (main hooks from docs) and internal/helpers/utils(all other hooks)?

Yup makes sense !