make template preferences button native

app/views/templates/_title.html.erb

@@ -44,6 +44,7 @@
     <% if !template.archived_at? %>
       <div class="flex items-center space-x-2">
         <% if can?(:update, template) %>
+          <native-action data-label="<%= t('preferences') %>" data-icon="adjustments_horizontal" data-placement="bar">
             <div class="tooltip tooltip-no-touch hidden md:block" data-tip="<%= t('preferences') %>">
               <%= link_to template_preferences_path(template), class: 'btn border border-base-200 bg-base-200 hover:bg-base-300 hover:border-base-300 btn-sm flex-1 hidden md:flex', data: { turbo_frame: :modal } do %>
                 <span class="flex items-center justify-center space-x-2">
@@ -51,6 +52,7 @@
                 </span>
               <% end %>
             </div>
+          </native-action>
         <% end %>
         <open-modal-mobile class="absolute md:relative bottom-0 right-0 mt-1">
           <%= link_to template_share_link_path(template), class: 'btn btn-xs md:btn-sm whitespace-nowrap btn-neutral text-white px-2', data: { turbo_frame: :modal } do %>