fix: styling of rulenames badges wraps properly

Your checklist for this pull request

[x] I've read the contributing guideline.
[x] I've tested my changes by building and running mquery, and testing changed functionality (if applicable)
[ ] I've added automated tests for my change (if applicable, optional)
[ ] I've updated documentation to reflect my change (if applicable)

What is the current behaviour? Currently badges in query result page go out of page when given too long names, as per https://user-images.githubusercontent.com/20182642/82444130-6a327c00-9aab-11ea-8693-63cf5dcb0cce.gif https://github.com/CERT-Polska/mquery/issues/196

What is the new behaviour?

Now badges wrap properly to new line with additional text linebreaks.

Test plan

Try to search for a query with multiple rule names, some of them very long and try to match many files to see if multiple result search also works properly. Try resizing the window, zooming in and out and try to find unexpected/unwished for behavior.

Closing issues

fixes #196

CERT-Polska / mquery

fix: styling of rulenames badges wraps properly #419