feat(onboarding): integrate widget into dashboard and sidebar indicator

app/components/AppNavigation.vue

@@ -17,8 +17,13 @@
                 :to="item.path"
                 :class="{ active: isActive(item.path) }"
                 @click="handleNavigate"
-                >{{ item.label }}</NuxtLink
               >
+                {{ item.label }}
+                <span
+                  v-if="item.path === '/member/dashboard' && showOnboardingDot"
+                  class="onboarding-dot"
+                />
+              </NuxtLink>
             </li>
             <li>
               <a href="#" class="sign-out" @click.prevent="handleLogout"
@@ -128,9 +133,13 @@ const props = defineProps({
 const emit = defineEmits(["navigate"]);
 
 const route = useRoute();
-const { isAuthenticated, logout } = useAuth();
+const { isAuthenticated, memberData, logout } = useAuth();
 const isDev = import.meta.dev;
 
+const showOnboardingDot = computed(() =>
+  isAuthenticated.value && !memberData.value?.onboarding?.completedAt
+);
+
 const handleNavigate = () => {
   if (props.isMobile) {
     emit("navigate");
@@ -279,4 +288,14 @@ const exploreItems = [
 .sidebar-meta a {
   color: var(--candle-dim);
 }
+
+.onboarding-dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--candle);
+  margin-left: 6px;
+  vertical-align: middle;
+}
 </style>