feat: update tanstack table

Svelte 5 adapter is present in Tanstack Table's v9 alpha, per this issue comment: TanStack/table#5213 (comment)

I am now moving away from hosting a redundant svelte-table package in favor of following tanstack table v9

apps/app/package.json

@@ -32,8 +32,8 @@
 		"@effect/schema": "^0.70.2",
 		"@plasmohq/messaging": "^0.6.2",
 		"@repo/shared": "workspace:*",
-		"@repo/svelte-table": "workspace:*",
-		"@tanstack/table-core": "^8.20.1",
+		"@tanstack/svelte-table": "9.0.0-alpha.10",
+		"@tanstack/table-core": "9.0.0-alpha.10",
 		"@tauri-apps/api": "^1.6.0",
 		"audio-recorder-polyfill": "^0.4.1",
 		"bits-ui": "^0.21.13",

apps/app/src/app.d.ts

@@ -1,4 +1,4 @@
-import '@repo/svelte-table';
+import '@tanstack/svelte-table';
 
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
@@ -18,7 +18,7 @@ declare global {
 	}
 }
 
-declare module '@repo/svelte-table' {
+declare module '@tanstack/svelte-table' {
 	interface ColumnMeta<TData extends RowData, TValue> {
 		headerText: string;
 	}

apps/app/src/routes/(config)/recordings/+page.svelte

@@ -26,7 +26,7 @@
 	import { cn } from '$lib/utils';
 	import { createPersistedState } from '$lib/utils/createPersistedState.svelte';
 	import { Schema as S } from '@effect/schema';
-	import { FlexRender, createSvelteTable, renderComponent } from '@repo/svelte-table';
+	import { FlexRender, createTable, renderComponent } from '@tanstack/svelte-table';
 	import type { ColumnDef, ColumnFilter, Updater } from '@tanstack/table-core';
 	import { getCoreRowModel, getFilteredRowModel, getSortedRowModel } from '@tanstack/table-core';
 	import { Effect } from 'effect';
@@ -169,7 +169,7 @@
 	const setVisibility = createUpdater(columnVisibility);
 	const setRowSelection = createUpdater(rowSelection);
 
-	const table = createSvelteTable({
+	const table = createTable({
 		getRowId: (originalRow) => originalRow.id,
 		get data() {
 			return recordings.value;