fix/Reimplement search icon

Author: LewisYoul

app/views/folders/index.html.erb

@@ -15,12 +15,7 @@
   <div class="flex justify-between mb-4 relative">
     <div class="flex-1">
       <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-        <!-- Heroicon name: solid/mail -->
-        <%= image_tag '/icons/grey/search.svg', class: 'text-gray-400 h-5 w-5' %>
-        <%# <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-          <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
-          <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
-        </svg> %>
+        <%= render partial: 'shared/icons/search', locals: { width: 5, height: 5, color: 'text-gray-400' } %>
       </div>
       <input
         type="text" 

app/views/shared/icons/_search.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 fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path>
+</svg>

app/views/snippets/index.html.erb

@@ -2,12 +2,7 @@
 
   <div class="mb-4 relative">
     <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-      <!-- Heroicon name: solid/mail -->
-      <%= image_tag '/icons/grey/search.svg', class: 'text-gray-400 h-5 w-5' %>
-      <%# <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-        <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
-        <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
-      </svg> %>
+      <%= render partial: 'shared/icons/search', locals: { width: 5, height: 5, color: 'text-gray-400' } %>
     </div>
     <input
       type="text"