Replace tags table partial with table component

Use the new table component to render the tags table. The CSS had to be adjusted to change the width of the table columns.

app/assets/stylesheets/alchemy/admin/tables.scss

@@ -195,13 +195,17 @@ td,
   }
 }
 
-th.count,
-td.count {
+th.taggings_count,
+td.taggings_count {
   width: 10%;
   text-align: right;
   padding-right: var(--spacing-4);
 }
 
+td.taggings_types {
+  width: 15%;
+}
+
 .list .login_status {
   width: 16px;
 }

app/views/alchemy/admin/tags/index.html.erb

@@ -21,20 +21,21 @@
   <%= render 'alchemy/admin/resources/table_header' %>
   <% if @tags.any? %>
 
-  <table class="list">
-    <thead>
-      <tr>
-        <th class="icon"></th>
-        <th class="name"><%= sort_link(@query, :name) %></th>
-        <th style="width: 15%"><%= Gutentag::Tag.human_attribute_name(:taggings_types) %></th>
-        <th class="count"><%= sort_link(@query, :taggings_count) %></th>
-        <th class="tools"></th>
-      </tr>
-    </thead>
-    <tbody>
-      <%= render partial: 'tag', collection: @tags %>
-    </tbody>
-  </table>
+    <%= render Alchemy::Admin::Resource::Table.new(@tags, query: @query, search_filter_params: search_filter_params) do |table| %>
+      <% table.icon_column "tag" %>
+      <% table.column :name, sortable: true %>
+      <% table.column :taggings_types do |tag| %>
+        <% tag.taggings.collect(&:taggable).compact.uniq(&:class).each do |taggable| %>
+          <span class="label">
+            <%= taggable.class.model_name.human %>
+          </span>
+        <% end %>
+      <% end %>
+      <% table.column :taggings_count, sortable: true %>
+
+      <% table.delete_button tooltip: Alchemy.t(:delete_tag), message: Alchemy.t(:do_you_really_want_to_delete_this_tag?) %>
+      <% table.edit_button tooltip: Alchemy.t(:edit_tag), title: Alchemy.t(:edit_tag) %>
+    <% end %>
 
   <%= paginate @tags, theme: 'alchemy' %>