feat: update versions table (#6502)

* feat: add new versions table, move environments column to be feature flag toggled, and add header/cell class props to Table.vue

* feat: implement much better table column widths

* feat: update version filter control to use multiselect

* feat: implement clicking table row to go to version

* feat: mobile pass on versions table

* feat: use multiselect for platform, and fix game version show all versions when dont exist

* pnpm prepr

* feat: replace dashboard projects table with new table

* feat: update projects so its out of card

* fix: version actions buttons column width

* feat: implement overflow on loaders cell

* update platform and version width

* feat: update project icon

* feat: change edit links to use floating action bar

* pnpm prepr

packages/ui/src/stories/base/Table.stories.ts

@@ -100,6 +100,32 @@ export const HorizontalOverflow: StoryObj = {
 	}),
 }
 
+export const CustomClasses: StoryObj = {
+	args: {},
+	render: () => ({
+		components: { Table },
+		setup() {
+			const columns = [
+				{ key: 'name', label: 'Name', cellClass: '!overflow-visible py-3' },
+				{ key: 'email', label: 'Email' },
+				{
+					key: 'status',
+					label: 'Status',
+					headerClass: 'text-center',
+					cellClass: 'text-center',
+				},
+				{ key: 'role', label: 'Role' },
+			]
+			const data = sampleUsers
+			const rowClass = (_row: User, index: number) => (index === 0 ? 'font-semibold' : '')
+			return { columns, data, rowClass }
+		},
+		template: /* html */ `
+			<Table :columns="columns" :data="data" :row-class="rowClass" />
+		`,
+	}),
+}
+
 export const WithSelection: StoryObj = {
 	args: {},
 	render: () => ({