Replace the htmx-only delete button for payments with a form

This way, it also works without JavaScript, that is not that important,
maybe, but i like that it does.

web/template/payments/index.gohtml

@@ -105,15 +105,18 @@
                                     </a>
                                 </li>
                                 <li role="presentation">
-                                    <button role="menuitem"
-                                            data-hx-delete="{{ $.BaseURI }}/{{ .Slug }}"
-                                            data-hx-confirm="{{ $confirm }}"
-                                            data-hx-headers='{ {{ csrfHeader }} }'
+                                    <form method="POST" action="{{ $.BaseURI }}/{{ .Slug }}"
+                                          data-hx-boost="true"
                                           data-hx-target="main"
+                                          data-hx-confirm="{{ $confirm }}"
                                     >
+                                        {{ csrfToken }}
+                                        {{ deleteMethod }}
+                                        <button class="icon" role="menuitem">
                                             <i class="ri-delete-back-2-line"></i>
                                             {{( pgettext "Remove" "action" )}}
                                         </button>
+                                    </form>
                                 </li>
                             </ul>
                         </details>