add infinite scroll

app/views/shared/_infinite_scroll.html.erb

@@ -0,0 +1,5 @@
+<% if pagy.next || pagy.page > 1 %>
+  <infinite-scroll id="infinite_scroll" class="col-span-full flex justify-center py-2" data-src="<%= url_for(params: request.query_parameters.merge('page' => pagy.next)) if pagy.next %>">
+    <%= svg_icon('loader', class: 'w-6 h-6 animate-spin') %>
+  </infinite-scroll>
+<% end %>

app/views/shared/_pagination.html.erb

@@ -1,4 +1,10 @@
-<% if pagy.pages > 1 %>
+<% if turbo_native_app? && local_assigns[:next_page_path].blank? %>
+  <% if local_assigns[:left_additional_html].present? %>
+    <div class="mt-2">
+      <%= local_assigns[:left_additional_html] %>
+    </div>
+  <% end %>
+<% elsif pagy.pages > 1 %>
   <% left_additional_html = local_assigns[:left_additional_html] %>
   <div class="flex flex-col md:flex-row md:items-center <%= left_additional_html.present? ? 'mt-3' : 'mt-6' %> mb-6 md:my-6 justify-center md:justify-between">
     <div class="text-sm <%= 'mb-2 md:mb-0' if left_additional_html.present? %>">

app/views/submissions_archived/index.html.erb

@@ -29,6 +29,7 @@
 <% if @pagy.count.nil? || @pagy.count > 0 %>
   <div class="space-y-4">
     <%= render partial: 'templates/submission', collection: @submissions, locals: { with_template: true, archived: true } %>
+    <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? %>
   </div>
 <% elsif params[:q].present? || filter_params.present? %>
   <div class="text-center">

app/views/submissions_dashboard/index.html.erb

@@ -70,6 +70,7 @@
 <% if @pagy.count.nil? || @pagy.count > 0 %>
   <div class="space-y-4">
     <%= render partial: 'templates/submission', collection: @submissions, locals: { with_template: true } %>
+    <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? %>
   </div>
 <% end %>
 <% if params[:q].blank? && params[:status].blank? && filter_params.blank? && @pagy.count.present? && @pagy.count < 5 %>

app/views/template_folders/show.html.erb

@@ -59,11 +59,13 @@
   <% if @template_folders.present? %>
     <div class="grid gap-4 md:grid-cols-3 <%= 'mb-6' if @templates.present? %>">
       <%= render partial: 'template_folders/folder', collection: @template_folders, as: :folder %>
+      <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? && @templates.blank? %>
     </div>
   <% end %>
   <% if @pagy.count.nil? || @pagy.count > 0 %>
     <div class="grid gap-4 md:grid-cols-3">
       <%= render partial: 'templates/template', collection: @templates %>
+      <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? && @templates.present? %>
     </div>
     <% templates_order_select_html = capture do %>
       <% if params[:q].blank? && @pagy.pages > 1 && !can?(:manage, :countless) %>

app/views/templates/show.html.erb

@@ -89,6 +89,7 @@
 <% if @submissions.present? %>
   <div class="space-y-4">
     <%= render partial: 'submission', collection: @submissions, locals: { template: @template, archived: @template.archived_at? } %>
+    <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? %>
   </div>
 <% else %>
   <div class="card bg-base-200">

app/views/templates_archived/index.html.erb

@@ -20,6 +20,7 @@
 <% if @pagy.count.nil? || @pagy.count > 0 %>
   <div class="grid gap-4 md:grid-cols-3">
     <%= render partial: 'templates/template', collection: @templates, locals: { with_folder: true } %>
+    <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? %>
   </div>
 <% elsif params[:q].present? %>
   <div class="text-center">

app/views/templates_archived_submissions/index.html.erb

@@ -35,6 +35,7 @@
 <% if @pagy.count.nil? || @pagy.count > 0 %>
   <div class="space-y-4">
     <%= render partial: 'templates/submission', collection: @submissions, locals: { template: @template, archived: true } %>
+    <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? %>
   </div>
 <% elsif params[:q].present? || filter_params.present? %>
   <div class="text-center">

app/views/templates_dashboard/index.html.erb

@@ -64,11 +64,13 @@
         <%= render 'template_folders/shared_folder' %>
       <% end %>
       <%= render partial: 'template_folders/folder', collection: @template_folders, as: :folder %>
+      <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? && @templates.blank? %>
     </div>
   <% end %>
   <% if @templates.present? %>
     <div class="grid gap-4 md:grid-cols-3">
       <%= render partial: 'templates/template', collection: @templates %>
+      <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? %>
       <% if (show_dropzone && current_user.created_at > 2.weeks.ago && current_user == true_user) || params[:tour] == 'true' %>
         <% user_config = current_user.user_configs.find_or_initialize_by(key: UserConfig::SHOW_APP_TOUR) %>
         <% if user_config.new_record? || user_config.value || params[:tour] == 'true' %>

app/views/templates_shared/index.html.erb

@@ -33,6 +33,7 @@
 <% if @pagy.count.nil? || @pagy.count > 0 %>
   <div class="grid gap-4 md:grid-cols-3">
     <%= render partial: 'templates/template', collection: @templates %>
+    <%= render 'shared/infinite_scroll', pagy: @pagy if turbo_native_app? %>
   </div>
 <% elsif params[:q].present? %>
   <div class="text-center">