Pass a SearchInput object to the back-end
and display the data, which is returned as
a SearchResultDTO.

This component contains the search input fields.

Exercise cards are useful in multiple places,
so they should be displayable by an independent
component.

The CSS for making the cards have the correct
width and height is very finicky and took a long
time to get to work. The current styling should
be refactored.

At the moment, we only treat exercises as search results,
but exercises can also appear in other context,
e.g. as bookmarked exercises.

For this reason, it makes more sense to describe them
using the more general term "Exercise".

This is part of an effort to refactor
the large component "MockSearchComponent"
into smaller parts with well defined functionality.

The new component is used for the detail
view of a single exercise.

These errors were ignored by the partial
recompilation of "npm start".
Make sure to recompile to verify that code
actually compiles.

This button does not fit with the metadata
and took away valuable space in its previous
location.

Replace the hard coded paragraph in a search result's
detail view with data taken from the search result.

Add the fields required to recreate the original
design with mocked data.

Exchange hard-coded strings for jhiTranslate values.

Metadata still needs to be modified.

Adjust number of cards per row to the screen's width.

Wrap cards into container to achieve spacing
between the cards.

Let all cards in a row have the height of the tallest
card.

IDs need to be refactored further, since
for each search result the same IDs are used.

Previously, the course details always showed data
of the first result. Now, clicking "Open course"
will display the results for the correct course.