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.

The new search-dropdown component HTML still
includes references to the search component.
Put these in a comment to allow compilation.
Since the component is not in use,
this problem only needs to be addressed if this
dropdown is used in the future.

Make the "Search" button fit in more with
the other navbar items.

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.