feat: add duplicate button to task detail view

frontend/src/i18n/lang/en.json

@@ -851,6 +851,7 @@
       "doneAt": "Done {0}",
       "updateSuccess": "The task was saved successfully.",
       "deleteSuccess": "The task has been deleted successfully.",
+      "duplicateSuccess": "The task was duplicated successfully.",
       "belongsToProject": "This task belongs to project '{project}'",
       "back": "Back to project",
       "due": "Due {at}",
@@ -877,6 +878,7 @@
         "attachments": "Add Attachments",
         "relatedTasks": "Add Relation",
         "moveProject": "Move",
+        "duplicate": "Duplicate",
         "color": "Set Color",
         "delete": "Delete",
         "favorite": "Add to Favorites",

frontend/src/views/tasks/TaskDetailView.vue

@@ -519,9 +519,16 @@
 						>
 							{{ $t('task.detail.actions.moveProject') }}
 						</XButton>
-						
+						<XButton
+							variant="secondary"
+							icon="copy"
+							@click="duplicateCurrentTask"
+						>
+							{{ $t('task.detail.actions.duplicate') }}
+						</XButton>
+
 						<span class="action-heading">{{ $t('task.detail.dateAndTime') }}</span>
-						
+
 						<XButton
 							v-shortcut="'KeyD'"
 							variant="secondary"
@@ -1094,6 +1101,17 @@ async function toggleFavorite() {
 	Object.assign(task.value, newTask)
 }
 
+async function duplicateCurrentTask() {
+	const duplicatedTask = await taskStore.duplicateTask(task.value.id)
+	if (duplicatedTask) {
+		success({message: t('task.detail.duplicateSuccess')})
+		router.push({
+			name: 'task.detail',
+			params: {id: duplicatedTask.id},
+		})
+	}
+}
+
 async function setPriority(priority: Priority) {
 	const newTask: ITask = {
 		...task.value,