Improve the UI of search highlighting results

[kathy-t]

Is your feature request related to a problem? Please describe.
The search highlighting UI could use some improvements to make it easier to parse the highlighting results.

Describe the solution you'd like
Clearly delineate different sections of search highlighting. See how the spacing between each highlighting result (topic, path, description, source files) is the same, which makes it hard to quickly parse the results.

Order the search highlighting results based on what is more relevant. The suggestion from the demo is that the order should be something like topic, description, path, and source file (there are other fields missing, so will need to add them to this order). The idea is that the topic highlighting is more relevant than something like source file.

Describe alternatives you've considered
n/a

Additional context
n/a

┆Issue is synchronized with this Jira Story
┆Fix Versions: Dockstore 1.16
┆Issue Number: DOCK-2482
┆Sprint: Backlog
┆Issue Type: Story