minor(modeling-commons): add connection banner to all layouts

Author: omargfh

apps/modeling-commons-frontend/app/layouts/auth.vue

@@ -2,6 +2,10 @@
   <div
     class="min-h-screen flex items-center justify-center px-4 py-8 bg-linear-to-b from-[#F7F9FC] to-[#F8F5FE]"
   >
+    <div class="absolute inset-0">
+      <ConnectionBanner />
+    </div>
+
     <UButton
       icon="i-lucide-chevron-left"
       to="/"
@@ -17,6 +21,7 @@
       >
     </UButton>
 
+
     <UPageCard
       variant="subtle"
       class="max-w-2xl w-full"

apps/modeling-commons-frontend/app/pages/(auth)/signup.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { FormSubmitEvent } from "@nuxt/ui";
 import type * as z from "zod";
-import { signUpFields, signUpValidator } from "~/forms/auth";
+import { signUpFields, signUpValidator, type UserKind } from "~/forms/auth";
 import { authRoutes, getSafeNextPath } from "~/utils/auth";
 
 definePageMeta({
@@ -14,7 +14,6 @@ useSeoMeta({
   description: "Create an account to get started",
 });
 
-const toast = useToast();
 const router = useRouter();
 const route = useRoute();
 const { signUpWithEmail } = useAuthActions();
@@ -40,19 +39,11 @@ async function onSubmit(payload: FormSubmitEvent<Schema>) {
     name,
     email,
     password,
-    userKind,
+    userKind: userKind as UserKind,
     next: route.query.next,
   });
 
-  if (error) {
-    toast.add({
-      title: "Signup failed",
-      description: error.message ?? "We couldn't create your account.",
-      icon: "i-lucide-x-circle",
-      color: "error",
-    });
-    return;
-  }
+  if (error) return;
 
   await router.push({
     path: authRoutes.verifyEmail,