`useConnection`: Add UI blueprint

Created by: umpox

Description

Many instances of useConnection + UI use a very similar blueprint

We might be able to make this into a generic component for simplicity.

AC

1. We have a generic component (e.g. FilteredConnectionUI) that can be provided with props to build the most common useConnection UI.
2. We still have our generic abstract components that can be used to compose different UIs
3. We use FilteredConnectionUI in FilteredConnection as an example, to show how the component is used.
4. Update documentation