fix(calendar-list): restrict calendar visibility toggle to checkbox only

Previously, clicking anywhere on the calendar name would toggle its visibility,
leading to accidental hiding of calendars. Now the visibility can only be
toggled by clicking the checkbox/bullet icon.

Fixes #3027

Signed-off-by: Antonia Schwennesen <53372671+zophiana@users.noreply.github.com>

src/components/AppNavigation/CalendarList/CalendarListItem.vue

@@ -8,15 +8,16 @@
 		:aria-description="descriptionAppNavigationItem"
 		:name="calendarDisplayName || $t('calendar', 'Untitled calendar')"
 		:class="{deleted: isBeingDeleted, disabled: !calendar.enabled}"
-		@click.prevent.stop="toggleEnabled"
 		@update:menuOpen="actionsMenuOpen = $event">
 		<template #icon>
 			<CheckboxMarked v-if="calendar.enabled"
 				:size="20"
-				:fill-color="calendar.color" />
+				:fill-color="calendar.color"
+				@click.prevent.stop="toggleEnabled" />
 			<CheckboxBlank v-else
 				:size="20"
-				:fill-color="calendar.color" />
+				:fill-color="calendar.color"
+				@click.prevent.stop="toggleEnabled" />
 		</template>
 
 		<template #counter>