feat: speedbump before deleting downloads

templates/components/DownloadListRow.html.twig

@@ -33,12 +33,10 @@
         {% endif %}
     </td>
     <td class="px-6 py-4 flex flex-row align-middle justify-center">
-        <button {{ stimulus_action('download_list', 'deleteDownload', 'click', {id: download.id}) }}>
-            <twig:ux:icon
-                    name="ic:twotone-cancel" width="18px"
-                    class="rounded-full align-middle text-red-600"
-                    title="Remove {{ download.title }} from your Download list. This will not delete the file."
-            />
-        </button>
+        {% set cancel_button = component('ux:icon', {name: 'ic:twotone-cancel', width: '18px', class: 'rounded-full align-middle text-red-600' }) %}
+        <twig:Modal heading="But wait!" button_text="{{ cancel_button }}" submit_action="{{ stimulus_action('download_list', 'deleteDownload', 'click', {id: download.id}) }}" show_cancel show_submit>
+            Are you sure you want to delete <span class="font-bold">{{ download.filename }}</span>?
+        </twig:Modal>
+
     </td>
 </tr>