feat: disable navigation to some pages if there is no user logged in

frontend/src/views/CalendarEvent.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>Congratulations</h1>
+  <p>This is calendar event.</p>
+</template>
+
+<style scoped></style>

frontend/src/views/Home.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts"></script>
 
 <template>
-  <div class="container">
+  <div class="container" style="margin-top: 1.25rem;">
     <article>
       <h1 class="title">coconut-leaf</h1>
       <p>A light, self-host and multi-account calendar system.</p>
@@ -13,8 +13,4 @@
   </div>
 </template>
 
-<style scoped>
-div.container {
-  margin-top: 1.25rem;
-}
-</style>
+<style scoped></style>

frontend/src/views/Login.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>Congratulations</h1>
+  <p>This is login.</p>
+</template>
+
+<style scoped></style>