Make snippet list easier to scan

Summary

There are currently two main problems with the Snippets page:

Filename

We add the filename right after the title in bold monospace, making it tough to differentiate between the two different texts.

Text color

Right now all text is in our usual black text color (#2e2e2e).

Proposal

We should align the text color with how it is used in issues and merge requests. Additionally, we can create a more clear differentiation between title of the snippet and the filename by changing the color, font-weight, font-family and adding an icon between these two.

Before	After