Simplify everything to match supabase example and also downgrade supabase

components/AppFooter.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h3>Nuxt 3 Boilerplate - AppFooter</h3>
+  </div>
+</template>

components/AppHeader.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+console.log('AppHeader.vuew - setup script');
+const supabase = useSupabaseClient();
+const user = useSupabaseUser();
+
+async function signout() {
+  await supabase.auth.signOut();
+  navigateTo('/', {replace: true});
+}
+</script>
+
+<template>
+  <div>
+    <h3>Nuxt 3 Boilerplate - AppHeader</h3>
+    <div v-if="user">logged in as: {{ user.email }}: <button @click="signout()">Sign Out</button></div>
+    <div v-if="!user">Not Logged in</div>
+    <hr>
+  </div>
+</template>