update: split workspace pages into reusable components

src/routes/dashboard/billing/invoices-table.svelte

@@ -1,26 +1,18 @@
 <script lang="ts">
 	/* eslint-disable @typescript-eslint/no-explicit-any */
-	import EllipsisVerticalIcon from '@lucide/svelte/icons/ellipsis-vertical';
-	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';
 	let {
 		data,
-		openArchive,
 		formatValue,
 		formatDate,
 		formatMoney,
-		relationLabel,
-		recordName
+		relationLabel
 	}: {
 		data: any;
-		openArchive: any;
 		formatValue: any;
 		formatDate: any;
 		formatMoney: any;
 		relationLabel: any;
-		recordName: any;
 	} = $props();
 </script>
 
@@ -33,9 +25,7 @@
 					<Table.Head>Client</Table.Head>
 					<Table.Head>Issued</Table.Head>
 					<Table.Head>Due</Table.Head>
-					<Table.Head>Status</Table.Head>
 					<Table.Head>Total</Table.Head>
-					<Table.Head class="w-12"><span class="sr-only">Actions</span></Table.Head>
 				</Table.Row>
 			</Table.Header>
 			<Table.Body>
@@ -45,28 +35,7 @@
 						<Table.Cell class="">{relationLabel(record.clientId, 'clients')}</Table.Cell>
 						<Table.Cell class="">{formatDate(record.issueDate)}</Table.Cell>
 						<Table.Cell class="">{formatDate(record.dueDate)}</Table.Cell>
-						<Table.Cell class=""
-							><Badge variant="secondary" class="capitalize">{formatValue(record.status)}</Badge
-							></Table.Cell
-						>
 						<Table.Cell class="">{formatMoney(record.totalGbp)}</Table.Cell>
-						<Table.Cell>
-							<DropdownMenu.Root>
-								<DropdownMenu.Trigger
-									>{#snippet child({ props })}<Button
-											variant="ghost"
-											size="icon-sm"
-											aria-label={`Open actions for ${recordName(record)}`}
-											{...props}><EllipsisVerticalIcon /></Button
-										>{/snippet}</DropdownMenu.Trigger
-								>
-								<DropdownMenu.Content align="end" class="w-36">
-									<DropdownMenu.Item variant="destructive" onclick={() => openArchive(record)}
-										>Archive</DropdownMenu.Item
-									>
-								</DropdownMenu.Content>
-							</DropdownMenu.Root>
-						</Table.Cell>
 					</Table.Row>
 				{/each}
 			</Table.Body>