Merge pull request #3779 from AntonKhorev/spinner

Replace searching.gif images with Bootstrap spinners

diff --combined app/views/layouts/_search.html.erb
index e7cae0471c9d58c8ebc566e5aecba16765eb405b,588c9d85f5ec6c360066c8ce657a5475e4609277..31386b1ab291dc30408c8597a002bf7bd45b81ab
--- 1/app/views/layouts/_search.html.erb
--- 2/app/views/layouts/_search.html.erb
+++ b/app/views/layouts/_search.html.erb
@@@ -19,7 -19,7 +19,7 @@@
    </form>
  
    <form method="GET" action="<%= directions_path %>" class="directions_form pb-3">
 -    <div class="d-flex flex-row-reverse px-3 py-3"><button type="button" class="btn-close"></button></div>
 +    <div class="d-flex flex-row-reverse px-3 py-3"><button type="button" class="btn-close" aria-label="<%= t("javascripts.close") %>"></button></div>
  
      <div class="row gx-2 m-1">
        <div class="col-1">
@@@ -51,6 -51,12 +51,12 @@@
        </div>
      </div>
  
-     <div class="loader_copy"><div class="loader"><%= image_tag "searching.gif" %></div></div>
+     <div class="loader_copy d-none">
+       <div class="text-center loader">
+         <div class="spinner-border" role="status">
+           <span class="visually-hidden"><%= t("browse.start_rjs.loading") %></span>
+         </div>
+       </div>
+     </div>
    </form>
  </div>