Basic calendar view

src/layouts/MainLayout.vue

@@ -1,16 +1,17 @@
 <template>
-  <q-layout view="hHh Lpr lFf">
-    <ToolbarComponent />
-
+  <q-layout view="hHh Lpr fFf">
     <q-page-container>
       <router-view />
     </q-page-container>
+    <q-footer>
+      <BottomNavComponent />
+    </q-footer>
   </q-layout>
 </template>
 
 <script setup lang="ts">
 import { useQuasar } from 'quasar';
-import ToolbarComponent from 'components/ToolbarComponent.vue';
+import BottomNavComponent from 'src/components/BottomNavComponent.vue';
 
 const q = useQuasar();
 // q.fullscreen.request();