Fix token input for typing balance value manually

[jagodarybacka]

Resolves https://github.com/tahowallet/dapp/issues/764

What

When user was typing the balance amount manually then input was not updating values correctly. We moved to useCallback instead of useEffect and fixed the condition for updating parent component with new values.

The issue was caused mostly by incorrect condition but I wanted to get rid of useEffect as the dependencies array was intentionally incomplete and it seems like it wasn't the most correct hook anyway.

Testing

General regression testing is needed here (@michalinacienciala). Let's not merge unless it will be tested for regressions.

• [x] make sure scenarios written in the task above are working correctly now
• [x] test staking and unstaking both full and partial amounts
• [x] make sure we can stake/unstake values with decent precision (either by typing or using "max" button)

[netlify[bot]]

✅ Deploy Preview for taho-development ready!

Name	Link
🔨 Latest commit	97f1a546be15068fb2dc6e036d1aa02cba37b3d5
🔍 Latest deploy log	https://app.netlify.com/sites/taho-development/deploys/65731e8b98a3b600081616fe
😎 Deploy Preview	https://deploy-preview-862--taho-development.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.