feat: add tooltip to readonly checkbox explaining why it's not clickable

frontend/src/components/tasks/partials/SingleTaskInProject.vue

@@ -12,12 +12,16 @@
 			@click="openTaskDetail"
 			@keyup.enter="openTaskDetail"
 		>
-			<FancyCheckbox
-				v-model="task.done"
-				:disabled="isArchived || disabled || !canMarkAsDone"
-				@update:modelValue="markAsDone"
-				@click.stop
-			/>
+			<span
+				v-tooltip="!canMarkAsDone ? $t('task.readOnlyCheckbox') : ''"
+			>
+				<FancyCheckbox
+					v-model="task.done"
+					:disabled="isArchived || disabled || !canMarkAsDone"
+					@update:modelValue="markAsDone"
+					@click.stop
+				/>
+			</span>
 
 			<ColorBubble
 				v-if="!showProjectSeparately && projectColor !== '' && currentProject?.id !== task.projectId"

frontend/src/i18n/lang/en.json

@@ -849,6 +849,7 @@
     "addReminder": "Add a reminder…",
     "doneSuccess": "The task was successfully marked as done.",
     "undoneSuccess": "The task was successfully un-marked as done.",
+    "readOnlyCheckbox": "You only have read access to this task and cannot mark it as done.",
     "movedToProject": "The task was moved to {project}.",
     "undo": "Undo",
     "openDetail": "Open task detail view",