preserve position now only works with replace

See hotwired/turbo#1096 and hotwired/turbo#1081
for reference.

app/views/events/index.html.erb

@@ -12,7 +12,7 @@
 
 <!-- Search -->
 <div id="search" data-turbo-permanent>
-  <%= form_with url: events_path, method: :get do |form| %>
+  <%= form_with url: events_path, method: :get, data: { 'turbo-action': 'replace' } do |form| %>
     <%= form.text_field :query, placeholder: 'Filter events', autocomplete: 'off', value: @query, oninput: "this.form.requestSubmit()" %>
   <% end %>
 </div>
@@ -29,13 +29,13 @@
 
   <!-- Pagination -->
   <div class="flex gap-4">
-    <%= link_to 'First', request.query_parameters.merge(page: 1), class: { 'text-gray-400 pointer-events-none': @page <= 1 } %>
-    <%= link_to 'Previous', request.query_parameters.merge(page: @page - 1), class: { 'text-gray-400 pointer-events-none': @page <= 1 } %>
+    <%= link_to 'First', request.query_parameters.merge(page: 1), data: { 'turbo-action': 'replace' }, class: { 'text-gray-400 pointer-events-none': @page <= 1 } %>
+    <%= link_to 'Previous', request.query_parameters.merge(page: @page - 1), data: { 'turbo-action': 'replace' }, class: { 'text-gray-400 pointer-events-none': @page <= 1 } %>
     <span>
       Page <%= @page %> / <%= @last_page %>
     </span>
-    <%= link_to 'Next', request.query_parameters.merge(page: @page + 1), class: { 'text-gray-400 pointer-events-none': @page >= @last_page } %>
-    <%= link_to 'Last', request.query_parameters.merge(page: @last_page), class: { 'text-gray-400 pointer-events-none': @page >= @last_page } %>
+    <%= link_to 'Next', request.query_parameters.merge(page: @page + 1), data: { 'turbo-action': 'replace' }, class: { 'text-gray-400 pointer-events-none': @page >= @last_page } %>
+    <%= link_to 'Last', request.query_parameters.merge(page: @last_page), data: { 'turbo-action': 'replace' }, class: { 'text-gray-400 pointer-events-none': @page >= @last_page } %>
   </div>
 </div>