prepare CalendarPageViewModel, allow TaskViewModel to be used by BoardViewModel or CalendarPageViewModel

src/View/ChatPages/calendarPage.tsx

@@ -0,0 +1,9 @@
+import * as React from "bloatless-react";
+
+import CalendarPageViewModel from "../../ViewModel/Pages/calendarPageViewModel";
+
+export function CalendarPage(calendarPageViewModel: CalendarPageViewModel) {
+  calendarPageViewModel.loadData();
+
+  return <div id="calendar-page"></div>;
+}

src/View/chatPage.tsx

@@ -4,6 +4,7 @@ import * as React from "bloatless-react";
 
 import ChatViewModel, { ChatPageType } from "../ViewModel/Chat/chatViewModel";
 
+import { CalendarPage } from "./ChatPages/calendarPage";
 import { ChatViewToggleButton } from "./Components/chatViewToggleButton";
 import { MessagePage } from "./ChatPages/messagePage";
 import { SettingsPage } from "./ChatPages/settingsPage";
@@ -23,6 +24,9 @@ export function ChatPage(chatViewModel: ChatViewModel) {
         case ChatPageType.Tasks: {
           return TaskPage(chatViewModel.taskPageViewModel);
         }
+        case ChatPageType.Calendar: {
+          return CalendarPage(chatViewModel.calendarViewModel)
+        }
         default: {
           return MessagePage(chatViewModel.messagePageViewModel);
         }