feat: shared components for worlds + p2p instances (#5135)

* feat: base content card component

* fix: tooltips + colors

* feat: fix orgs

* feat: add ContentModpackCard

* fix: extract types

* feat: selection v-model

* add show icon in selected for combobox with stories

* feat: add project combobox

* clean up project combobox

* feat: start install to play modal

* fix: events

* feat: figma alignments

* feat: migrate toggle to tailwind

* fix: row borders

* feat: disabled state

* feat: virtual list impl for card table based on window scroll

* fix: lint

* feat: virtualization + smaller contentcard items

* feat: fix gap + border issues on last elm

* fix: use TeleportOverflowMenu

* fix: hasUpdate type

* fix: fallback to svg if src is invalid on avatar component

* fix: storybook

* feat: start on updater modal

* feat: finish content updater modal

* feat: i18n pass

* remove install to play modal from ui package

* pnpm prepr

* feat: reusable table component

* feat: add column width prop for table and fix stories

* feat: add table overflow menu story example

* feat: add surface-1.5 and use in table

* chore: export table in index

* fix: allow more loose typing on columns

* feat: update table component to derive key from column instead of data

* feat: surface 1.5 for oled + refactor story for contentcardtable + yeet sorting funcs

* fix: lint

* feat: add no padding story for new modal

---------

Signed-off-by: Calum H. <contact@cal.engineer>
Co-authored-by: tdgao <mr.trumgao@gmail.com>

packages/ui/src/stories/modal/NewModal.stories.ts

@@ -211,3 +211,31 @@ export const NotClosable: Story = {
 		`,
 	}),
 }
+
+export const NoPadding: Story = {
+	render: () => ({
+		components: { NewModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof NewModal> | null>(null)
+			const openModal = () => modalRef.value?.show()
+			return { modalRef, openModal }
+		},
+		template: `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="openModal">Open Modal (No Padding)</button>
+				</ButtonStyled>
+				<NewModal ref="modalRef" header="No Padding Modal" no-padding>
+					<p>This modal has no default padding on the content area.</p>
+					<template #actions>
+						<div class="flex gap-2 justify-end p-6 pt-0">
+							<ButtonStyled color="brand">
+								<button @click="modalRef?.hide()">Close</button>
+							</ButtonStyled>
+						</div>
+					</template>
+				</NewModal>
+			</div>
+		`,
+	}),
+}