feat: add billing and organization workflows

src/routes/dashboard/clients/clients-table.svelte

@@ -4,7 +4,6 @@
 	import ExternalLinkIcon from '@lucide/svelte/icons/external-link';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
-	import { Badge } from '$lib/components/ui/badge/index.js';
 	import { Button } from '$lib/components/ui/button/index.js';
 	import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
 	import * as Table from '$lib/components/ui/table/index.js';
@@ -29,8 +28,9 @@
 			<Table.Header>
 				<Table.Row>
 					<Table.Head>Name</Table.Head>
-					<Table.Head>Type</Table.Head>
-					<Table.Head>Status</Table.Head>
+					<Table.Head>Primary contact</Table.Head>
+					<Table.Head>Email</Table.Head>
+					<Table.Head>Primary address</Table.Head>
 					<Table.Head class="w-12"><span class="sr-only">Actions</span></Table.Head>
 				</Table.Row>
 			</Table.Header>
@@ -44,14 +44,9 @@
 								>{formatValue(record.name)}<ExternalLinkIcon class="size-3.5" /></a
 							></Table.Cell
 						>
-						<Table.Cell class=""
-							><Badge variant="secondary" class="capitalize">{formatValue(record.type)}</Badge
-							></Table.Cell
-						>
-						<Table.Cell class=""
-							><Badge variant="secondary" class="capitalize">{formatValue(record.status)}</Badge
-							></Table.Cell
-						>
+						<Table.Cell>{formatValue(record.primaryContactName)}</Table.Cell>
+						<Table.Cell>{formatValue(record.primaryContactEmail)}</Table.Cell>
+						<Table.Cell>{formatValue(record.primaryAddressLine1)}</Table.Cell>
 						<Table.Cell>
 							<DropdownMenu.Root>
 								<DropdownMenu.Trigger