website refactor

apps/website/components/auth/AuthForm.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { Stack } from '@/ui/Stack';
+import { Form } from '@/ui/Form';
+import { Group } from '@/ui/Group';
 import React from 'react';
 
 interface AuthFormProps {
@@ -15,8 +16,10 @@ interface AuthFormProps {
  */
 export function AuthForm({ children, onSubmit }: AuthFormProps) {
   return (
-    <Stack as="form" {...({ onSubmit, noValidate: true } as any)} gap={6}>
-      {children}
-    </Stack>
+    <Form onSubmit={onSubmit}>
+      <Group direction="column" gap={6}>
+        {children}
+      </Group>
+    </Form>
   );
 }