Remodeled database and api to prepare for move

pages/calendar/[id].vue

@@ -0,0 +1,30 @@
+<script lang="ts" setup>
+import type { MenuItem } from '~/components/global/SidebarProps';
+
+const user = useSupabaseUser()
+
+useHead({
+  title: 'Calendrier'
+})
+
+definePageMeta({
+  middleware: ['auth-guard']
+})
+
+// Redirect user back home when they log out on the page
+watch(user, (n, _o) => {
+  if (!n) {
+    navigateTo('/')
+  }
+})
+
+const sidebarMenu: MenuItem[] = []
+</script>
+
+<template>
+  <div class="h-full grid grid-cols-[auto_1fr]">
+    <Sidebar :menu-items="sidebarMenu" />
+
+    <CalendarDashboard />
+  </div>
+</template>

pages/index.vue

@@ -13,7 +13,7 @@ const sidebarMenu: MenuItem[] = []
     <Sidebar :menu-items="sidebarMenu" is-home />
 
     <div class="h-full grid place-items-center">
-      <UiCard class="w-1/3 min-w-72" link="/calendar">
+      <UiCard class="w-1/3 min-w-72 hover:bg-sky-950 focus-within:outline-sky-900" link="/calendar">
         <UiCardHeader>
           <UiCardTitle>Calendrier</UiCardTitle>
           <UiCardDescription>

pages/profile.vue

@@ -21,9 +21,9 @@ const sidebarMenu: MenuItem[] = []
 </script>
 
 <template>
-  <main class="h-full grid grid-cols-[auto_1fr]">
+  <div class="h-full grid grid-cols-[auto_1fr]">
     <Sidebar :menu-items="sidebarMenu" />
 
-    <ProfileLayout />
-  </main>
+    <ProfileDashboard />
+  </div>
 </template>