feature/Add language to snippet show page

Author: LewisYoul

app/views/snippets/_snippet.html.erb

@@ -9,12 +9,9 @@
           <% if snippet.private? %>
             <img class="margin-right--tiny" data-checkbox-target="icon" title="This snippet is only visible to you" src="/icons/lock-closed.svg" width="16">
           <% end %>
-          <% if folder %>
-            <div class="folder-tag">
-              <img src="/icons/white/folder.svg" width="12">
-              <span class="block margin-left--tiny"><%= folder.name %></span>
-            </div>
-          <% end%>
+          <div class="rounded-md bg-gray-200 px-2 py-1 text-gray-500">
+            <span class="block text-xs"><%= snippet.language.name %></span>
+          </div>
           <% if @display_popover %>
             <%= render partial: 'shared/popover_trigger', locals: { popover_path: popover_snippet_path(snippet) } %>
           <% end %>

app/views/snippets/_snippet_preview.html.erb

@@ -8,8 +8,8 @@
             <% if snippet.private? %>
               <img class="margin-right--tiny" title="This snippet is only visible to you" data-checkbox-target="icon" src="/icons/lock-closed.svg" width="16">
             <% end %>
-            <div class="folder-tag">
-              <span class="block"><%= snippet.language.name %></span>
+            <div class="rounded-md bg-gray-200 px-2 py-1 text-gray-500">
+              <span class="block text-xs"><%= snippet.language.name %></span>
             </div>
             <% if @display_popover %>
               <%= render partial: 'shared/popover_trigger', locals: { popover_path: popover_snippet_path(snippet) } %>