Pr/add use input state hook

[zykeee]

Description

Why

Fetching the event.target.value is a tiresome job when creating a state with its setter and bind it to a input element. Like this:

const [name, setMyName] = useState()
<input onChange={event => setMyName(event.target.value)}/>

How

This hook simplifies it like:

const [name, setMyName] = useInputState()
<input onChange={setMyName}/>

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as before)

Checklist

• [x] Read the Contributing Guide
• [x] Perform a code self-review
• [ ] Comment the code, particularly in hard-to-understand areas
• [x] Add documentation
• [x] Add hook's story at Storybook
• [x] Cover changes with tests
• [x] Ensure the test suite passes (yarn test)
• [x] Provide 100% tests coverage
• [x] Make sure code lints (yarn lint). Fix it with yarn lint:fix in case of failure.
• [x] Make sure types are fine (yarn lint:types).