chore: completely move logic of ShowTasksInRange component to ShowTasks and remove it

src/router/index.ts

@@ -13,7 +13,7 @@ import RegisterComponent from '../views/user/Register.vue'
 import OpenIdAuth from '../views/user/OpenIdAuth.vue'
 import DataExportDownload from '../views/user/DataExportDownload.vue'
 // Tasks
-import ShowTasksInRangeComponent from '../views/tasks/ShowTasksInRange.vue'
+import UpcomingTasksComponent from '../views/tasks/ShowTasks.vue'
 import LinkShareAuthComponent from '../views/sharing/LinkSharingAuth.vue'
 import ListNamespaces from '../views/namespaces/ListNamespaces.vue'
 import TaskDetailView from '../views/tasks/TaskDetailView.vue'
@@ -248,7 +248,7 @@ const router = createRouter({
 		{
 			path: '/tasks/by/upcoming',
 			name: 'tasks.range',
-			component: ShowTasksInRangeComponent,
+			component: UpcomingTasksComponent,
 		},
 		{
 			path: '/lists/new/:namespaceId/',

src/views/tasks/ShowTasks.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="is-max-width-desktop has-text-left ">
-		<h3 class="mb-2">
+		<h3 class="mb-2 title">
 			{{ pageTitle }}
 		</h3>
 		<p v-if="!showAll" class="show-tasks-options">

src/views/tasks/UpcomingTasks.vue

@@ -1,9 +0,0 @@
-<template>
-	<div class="content has-text-centered">
-		<ShowTasks/>
-	</div>
-</template>
-
-<script lang="ts" setup>
-import ShowTasks from './ShowTasks.vue'
-</script>