refactor: centralize form and record helpers

src/lib/components/money-field.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	/* eslint-disable @typescript-eslint/no-explicit-any */
-	import { Field as FormField, Control, FieldErrors } from 'formsnap';
-	import * as Field from '$lib/components/ui/field/index.js';
+	import * as Form from '$lib/components/ui/form/index.js';
 	import * as InputGroup from '$lib/components/ui/input-group/index.js';
 
 	let {
@@ -19,27 +18,25 @@
 	} = $props();
 </script>
 
-<FormField {form} {name}>
-	<Field.Field>
-		<Control {id}>
-			{#snippet children({ props })}
-				<Field.Label>{label}</Field.Label>
-				<InputGroup.Root>
-					<InputGroup.Addon>
-						<InputGroup.Text>£</InputGroup.Text>
-					</InputGroup.Addon>
-					<InputGroup.Input
-						{...props}
-						type="number"
-						min="0"
-						step="0.01"
-						inputmode="decimal"
-						placeholder="0.00"
-						bind:value={$data[name]}
-					/>
-				</InputGroup.Root>
-			{/snippet}
-		</Control>
-		<Field.Error><FieldErrors /></Field.Error>
-	</Field.Field>
-</FormField>
+<Form.Field {form} {name}>
+	<Form.Control {id}>
+		{#snippet children({ props })}
+			<Form.Label>{label}</Form.Label>
+			<InputGroup.Root>
+				<InputGroup.Addon>
+					<InputGroup.Text>£</InputGroup.Text>
+				</InputGroup.Addon>
+				<InputGroup.Input
+					{...props}
+					type="number"
+					min="0"
+					step="0.01"
+					inputmode="decimal"
+					placeholder="0.00"
+					bind:value={$data[name]}
+				/>
+			</InputGroup.Root>
+		{/snippet}
+	</Form.Control>
+	<Form.FieldErrors />
+</Form.Field>