Refactor `<AddLiquidityInput />` monstrocity

[gomesalexandre]

Overview

• Use new react-hook-form abstraction similar to RFOX's
• Add form-based validation rules, with a sane home, clear naming, and clear separation of each rule for readibility
• <AddLiquidityInput /> itself should just pass rules down - these can potentially live into their own hook and should be brought to a better, cleaner place one by home in a progressive, non-breaking way
• Abstract boilerplaty bits into components

References and additional details

N/A

Acceptance Criteria

• This monstrocity of a component is readable

Need By Date

No response

Screenshots/Mockups

No response

Estimated effort

No response

[gomesalexandre]

Lessons from https://github.com/shapeshift/web/pull/7079 to be applied here in addition to saner validation