Basic calendar view

src/pages/BoatPage.vue

@@ -1,5 +1,6 @@
 <template>
-  <q-page padding>
+  <toolbar-component pageTitle="Boats" />
+  <q-page>
     <boat-preview-component :boats="boats" />
   </q-page>
 </template>
@@ -8,6 +9,7 @@
 import BoatPreviewComponent from 'src/components/BoatPreviewComponent.vue';
 import { ref } from 'vue';
 import { useBoatStore } from 'src/stores/boat';
+import ToolbarComponent from 'src/components/ToolbarComponent.vue';
 
 const boats = ref(useBoatStore().boats);
 </script>