Add accounts UI with list, create, edit, detail tabs for all sub-entities

Accounts list with paginated table, search, sort. Account detail page with
tabs for members, payment methods, tax exemptions, and processor links.
All sub-entities have create/edit dialogs and delete actions. Forms use
shared Zod schemas via react-hook-form.

packages/admin/src/components/accounts/account-form.tsx

@@ -0,0 +1,96 @@
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { AccountCreateSchema } from '@forte/shared/schemas'
+import type { AccountCreateInput } from '@forte/shared/schemas'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import type { Account } from '@/types/account'
+
+interface AccountFormProps {
+  defaultValues?: Partial<Account>
+  onSubmit: (data: AccountCreateInput) => void
+  loading?: boolean
+}
+
+export function AccountForm({ defaultValues, onSubmit, loading }: AccountFormProps) {
+  const {
+    register,
+    handleSubmit,
+    setValue,
+    watch,
+    formState: { errors },
+  } = useForm<AccountCreateInput>({
+    resolver: zodResolver(AccountCreateSchema),
+    defaultValues: {
+      name: defaultValues?.name ?? '',
+      email: defaultValues?.email ?? undefined,
+      phone: defaultValues?.phone ?? undefined,
+      billingMode: defaultValues?.billingMode ?? 'consolidated',
+      notes: defaultValues?.notes ?? undefined,
+      address: defaultValues?.address ?? undefined,
+    },
+  })
+
+  const billingMode = watch('billingMode')
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)} className="space-y-4 max-w-lg">
+      <div className="space-y-2">
+        <Label htmlFor="name">Name *</Label>
+        <Input id="name" {...register('name')} />
+        {errors.name && <p className="text-sm text-destructive">{errors.name.message}</p>}
+      </div>
+
+      <div className="grid grid-cols-2 gap-4">
+        <div className="space-y-2">
+          <Label htmlFor="email">Email</Label>
+          <Input id="email" type="email" {...register('email')} />
+        </div>
+        <div className="space-y-2">
+          <Label htmlFor="phone">Phone</Label>
+          <Input id="phone" {...register('phone')} />
+        </div>
+      </div>
+
+      <div className="space-y-2">
+        <Label>Billing Mode</Label>
+        <Select
+          value={billingMode}
+          onValueChange={(v) => setValue('billingMode', v as 'consolidated' | 'split')}
+        >
+          <SelectTrigger>
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="consolidated">Consolidated</SelectItem>
+            <SelectItem value="split">Split</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+
+      <div className="space-y-2">
+        <Label>Address</Label>
+        <div className="grid grid-cols-2 gap-2">
+          <Input placeholder="Street" {...register('address.street')} className="col-span-2" />
+          <Input placeholder="City" {...register('address.city')} />
+          <div className="grid grid-cols-2 gap-2">
+            <Input placeholder="State" {...register('address.state')} />
+            <Input placeholder="ZIP" {...register('address.zip')} />
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="notes">Notes</Label>
+        <Textarea id="notes" {...register('notes')} />
+      </div>
+
+      <Button type="submit" disabled={loading}>
+        {loading ? 'Saving...' : defaultValues ? 'Update Account' : 'Create Account'}
+      </Button>
+    </form>
+  )
+}