fix(kanban): opening a task from the kanban board and then reloading the page should not crash everything when then navigating back

Before this fix, the following would not work:

1. Open the kanban view of a project
2. Click on a task to open it in a modal
3. Reload the page
4. Using your browser's back button, navigate back

Instead of showing the kanban board with the task modal closed, it would
navigate to `/projects/0/kanban` and crash.

src/components/home/contentAuth.vue

@@ -39,7 +39,7 @@
 				</router-view>
 
 				<modal
-					:enabled="Boolean(currentModal)"
+					:enabled="typeof currentModal !== 'undefined'"
 					@close="closeModal()"
 					variant="scrolling"
 					class="task-detail-view-modal"

src/composables/useRouteWithModal.ts

@@ -24,13 +24,18 @@ export function useRouteWithModal() {
 		// this is adapted from vue-router
 		// https://github.com/vuejs/vue-router-next/blob/798cab0d1e21f9b4d45a2bd12b840d2c7415f38a/src/RouterView.ts#L125
 		const routePropsOption = route.matched[0]?.props.default
-		const routeProps = routePropsOption
+		let routeProps = undefined
-			? routePropsOption === true
+		if (routePropsOption) {
-				? route.params
+			if (routePropsOption === true) {
-				: typeof routePropsOption === 'function'
+				routeProps = route.params
-					? routePropsOption(route)
+			} else {
-					: routePropsOption
+				if(typeof routePropsOption === 'function') {
-			: {}
+					routeProps = routePropsOption(route)
+				} else {
+					routeProps = routePropsOption
+				}
+			}
+		}
 
 		if (typeof routeProps === 'undefined') {
 			currentModal.value = undefined

src/router/index.ts

@@ -37,7 +37,11 @@ const MigrationHandlerComponent = () => import('@/views/migrate/MigrationHandler
 const ProjectList = () => import('@/views/project/ProjectList.vue')
 const ProjectGantt = () => import('@/views/project/ProjectGantt.vue')
 const ProjectTable = () => import('@/views/project/ProjectTable.vue')
-const ProjectKanban = () => import('@/views/project/ProjectKanban.vue')
+// If we load the component async, using it as a backdrop view will not work. Instead, everything explodes
+// with an error from the core saying "Cannot read properties of undefined (reading 'parentNode')"
+// Of course, with no clear indicator of where the problem comes from.
+// const ProjectKanban = () => import('@/views/project/ProjectKanban.vue')
+import ProjectKanban from '@/views/project/ProjectKanban.vue'
 const ProjectInfo = () => import('@/views/project/ProjectInfo.vue')
 
 // Project Settings

src/views/project/ProjectKanban.vue

@@ -1,7 +1,7 @@
 <template>
 	<ProjectWrapper
 		class="project-kanban"
-		:project-id="project.id"
+		:project-id="projectId"
 		viewName="kanban"
 	>
 		<template #header>
@@ -330,9 +330,14 @@ const bucketDraggableComponentData = computed(() => ({
 		{'dragging-disabled': !canWrite.value},
 	],
 }))
+const {
+	projectId = undefined,
+} = defineProps<{
+	projectId: number,
+}>()
 
 const canWrite = computed(() => baseStore.currentProject?.maxRight > Rights.READ)
-const project = computed(() => baseStore.currentProject)
+const project = computed(() => projectId ? projectStore.projects[projectId]: null)
 
 const buckets = computed(() => kanbanStore.buckets)
 const loading = computed(() => kanbanStore.isLoading)
@@ -342,10 +347,9 @@ const taskLoading = computed(() => taskStore.isLoading)
 watch(
 	() => ({
 		params: params.value,
-		project: project.value,
+		projectId,
 	}),
-	({params, project}) => {
+	({params}) => {
-		const projectId = project.id
 		if (projectId === undefined || Number(projectId) === 0) {
 			return
 		}