fix/Use inline svg for search icon

Author: LewisYoul

app/views/home/connect.html.erb

@@ -4,12 +4,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"