Feature: Combine WfsSearch and WfsSearchInput to WfsSearchField using useWfs hook

[ahennr]

This PR refactors the WfsSearch and WfsSearchInput components to a WfsSearchField component that

• uses the useWfs hoom introduced in Feature: introduce useWfs hook react-util#612
• rendered component (either AutoComplete or Input of antd) an be changes by setting asInput prop (default: false => AutoComplete will be rendered.)
• onChange and value are overwritten such that they can now be used more easily in antd forms

BREAKING CHANGES:

• use new useWfs hook
• combine WfsSearch and WfsSearchInput (both removed)) to WfsSearchField

Description

Related issues or pull requests

Pull request type

• Bugfix
• Feature
• Dependency updates
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe)

Do you introduce a breaking change?

• Yes
• No

Checklist

• I understand and agree that the changes in this PR will be licensed under the
  BSD-2-Clause.
• I have followed the guidelines for contributing.
• The proposed change fits to the content of the Code of Conduct.
• I have added or updated tests and documentation, and the test suite passes (run npm test locally).
• I have added a screenshot/screencast to illustrate the visual output of my update.

[LukasLohoff]

(very minor) I think these annotations are meant for class components. I would just remove them since we use typescript anyway

[LukasLohoff]

Suggested change

	* @class WfsSearchField
	* @extends React.Component

[LukasLohoff]

Suggested change

	loading ?
	<FontAwesomeIcon
	spin={true}
	icon={faCircleNotch}
	onClick={resetSearch}
	/> :
	<FontAwesomeIcon
	icon={faClose}
	onClick={resetSearch}
	/>
	<FontAwesomeIcon
	spin={loading}
	icon={loading ? faCircleNotch : faClose}
	onClick={resetSearch}
	/>