Repeater Component for Nested Objects

[ubemacapuno]

An example of this component will be for restaurants. We need a form that will add an object for restaurant dishes within a restaurant.

If you look at restaurants_fields in the current schema, there is a field for dishes.
Dishes is an array of objects that will have this shape:

restaurant_dishes_fields = {
	name: z.string().min(1, REQUIRED_FIELD),
	rating: z.string().nonempty().default('5'),
	description: z
		.string()
		.max(1000, 'Description must not exceed 1000 characters.')
		.nullable()
		.optional(),
	notes: z.string().max(1000, 'Notes must not exceed 1000 characters.').nullable().optional()
}

We need a repeater that can add dishes objects to the restaurant dishes array. Refer to other SvelteKit projects for examples.