Improve appearance of code quality widget

Summary

The code quality widget in merge requests basically just displays the raw JSON which doesn't quite fit in the layout.

Steps to reproduce

  • open any merge request with code quality issues (for example https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/2942)

What is the current bug behavior?

Screen_Shot_2017-10-09_at_09.05.52

What is the expected correct behavior?

Screen_Shot_2017-10-09_at_09.15.24

with the file links pointing to the correct lines.

Assignee Loading
Time tracking Loading