400 sign up states

app/(api)/_actions/auth/register.ts

@@ -3,5 +3,18 @@
 import Register from '@datalib/auth/register';
 
 export default async function RegisterAction(body: object) {
-  return Register(body);
+  try {
+    const result = await Register(body);
+    if (!result.ok) {
+      return result;
+    }
+    return { ok: true, body: null, error: null };
+  } catch (e) {
+    const error = e as Error;
+    return {
+      ok: false,
+      body: null,
+      error: error.message,
+    };
+  }
 }

app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx

@@ -14,10 +14,12 @@ export default function AuthFormBackground({
   title,
   subtitle,
   children,
+  showAngelCow = true,
 }: {
   title: string;
   subtitle: string;
   children: React.ReactNode;
+  showAngelCow?: boolean;
 }) {
   const [mascotsVisibility, setMascotsVisibility] = useState(true);
   const pathname = usePathname();
@@ -35,13 +37,15 @@ export default function AuthFormBackground({
     <div className="flex flex-col md:flex-row w-full h-screen">
       <div className="flex flex-[1_0_auto] md:flex-1 flex-col justify-end md:justify-center items-center w-full  px-6 md:px-[82px]">
         <div className="flex flex-col items-start w-full">
-          <Image
-            src={VocalAngelCow}
-            alt="Angel Cow"
-            height={100}
-            width={100}
-            className="pb-[12px]"
-          />
+          {showAngelCow && (
+            <Image
+              src={VocalAngelCow}
+              alt="Angel Cow"
+              height={100}
+              width={100}
+              className="pb-[12px]"
+            />
+          )}
           <h1 className="text-[20px] md:text-[22px] font-semibold text-[#3F3F3F]">
             {title}
           </h1>