Profile page and sidebar layouts

components/global/Heading.vue

@@ -0,0 +1,5 @@
+<template>
+  <h1 class="text-2xl font-bold flex">
+    <slot />
+  </h1>
+</template>

components/global/Sidebar.vue

@@ -14,7 +14,7 @@ defineProps<SidebarProps>()
         </UiButton>
       </li>
 
-      <li>
+      <li v-if="!isHome">
         <UiTooltipProvider :delay-duration="100">
           <UiTooltip>
             <UiTooltipTrigger as-child>

components/global/SidebarProps.ts

@@ -6,5 +6,6 @@ export interface MenuItem {
 }
 
 export interface SidebarProps {
-  menuItems: MenuItem[]
+  menuItems: MenuItem[],
+  isHome?: boolean
 }

components/global/user/CTA.vue

@@ -43,7 +43,7 @@ async function handleLogout() {
 }
 
 function gotoProfilePage() {
-  router.push({ path: '/profil' })
+  router.push({ path: '/profile' })
 }
 </script>
 

components/profile/Layout.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+const user = useSupabaseUser()
+</script>
+
+<template>
+  <div class="p-8">
+    <Heading>{{ user?.user_metadata.full_name }}</Heading>
+  </div>
+</template>