fix/Implement more button as svg partial

Author: LewisYoul

app/views/shared/_popover_trigger.html.erb

@@ -9,7 +9,7 @@
       <%= yield content %>
     <% else %>
       <div class="more-button">
-        <%= image_tag "/icons/more.svg", width: 12 %>
+        <%= render partial: 'shared/icons/more', locals: { width: 4, height: 4, color: '' } %>
       </div>
     <% end %>
   </div>
@@ -21,7 +21,7 @@
     class="position-<%= defined?(position) ? position : 'relative' %>"
   >
     <div class="more-button">
-      <%= image_tag "/icons/more.svg", width: 12 %>
+      <%= render partial: 'shared/icons/more', locals: { width: 4, height: 4, color: '' } %>
     </div>
   </div>
 <% end %>

app/views/shared/icons/_more.html.erb

@@ -0,0 +1,3 @@
+<svg class="w-<%= width %> h-<%= height %> <%= color %>" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"></path>
+</svg>