User Story 16 - Integrate Image Upload in Edit Form

Value proposition

As a user I want to exchange the existing image of an activity In order to personalise the activity with an image I like.

When editing an existing activity the user has the option to -> either keep the existing image -> or choose a new one
When searching for a new picture a random picture is shown next to the existing picture
The user has the opportunity to skip the shown picture in case the user doesn't like it
As soon as a picture is shown that the user likes he needs to select the new image by clicking on it (it is highlighted for better usability)
Now the user can submit the form
Updating the form leads to the DetailsPage with the newly chosen picture

[ ] Create feature branch feature/integrate-image-upload-editForm
[ ] Change optical view of input-field from type="url" to type="search"
[ ] Displaying a little magnifying glass into the search-field
[ ] Implement an area on the left side, where the default picture is shown
[ ] An useSWR Hook, which fetches a random pixabay image depending to the search-input, is implemented
[ ] The corresponding picture is shown on the right side
[ ] Every time the user clicks back and forth on arrows, another API call should be set in motion so that there is always an image proposal shown
[ ] Create a toggle-function, which highlights the chosen picture (default Image or new Image)