add button to delete task

src/View/Modals/taskSettingsModal.tsx

@@ -73,6 +73,16 @@ export function TaskSettingsModal(taskViewModel: TaskViewModel) {
               <input type="time" bind:value={taskViewModel.time}></input>
             </div>
           </label>
+
+          <hr></hr>
+
+          <div class="width-input">
+            {DangerousActionButton(
+              translations.chatPage.task.deleteTaskButton,
+              "delete_forever",
+              taskViewModel.deleteTask
+            )}
+          </div>
         </main>
         <div class="flex-row width-100">
           <button class="flex" on:click={taskViewModel.close}>

src/View/translations.ts

@@ -170,6 +170,8 @@ const englishTranslations = {
 
       taskDateLabel: "Date",
       taskTimeLabel: "Time",
+
+      deleteTaskButton: "Delete task",
     },
   },
 };