feat: start of cross platform page system (#4731)

* feat: abstract api-client DI into ui package

* feat: cross platform page system

* feat: tanstack as cross platform useAsyncData

* feat: archon servers routes + labrinth billing routes

* fix: dont use partial

* feat: migrate server list page to tanstack + api-client + re-enabled broken features!

* feat: migrate servers manage page to api-client before page system

* feat: migrate manage page to page system

* fix: type issues

* fix: upgrade wrapper bugs

* refactor: move state types into api-client

* feat: disable financial stuff on app frontend

* feat: finalize cross platform page system for now

* fix: lint

* fix: build issues

* feat: remove papaparse

* fix: lint

* fix: interface error

---------

Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

packages/ui/src/components/servers/icons/ServerIcon.vue

@@ -0,0 +1,28 @@
+<template>
+	<div
+		class="experimental-styles-within flex size-16 shrink-0 overflow-hidden rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
+	>
+		<client-only>
+			<img
+				v-if="image"
+				class="h-full w-full select-none object-fill"
+				alt="Server Icon"
+				:src="image"
+			/>
+			<img
+				v-else
+				class="h-full w-full select-none object-fill"
+				alt="Server Icon"
+				:src="MinecraftServerIcon"
+			/>
+		</client-only>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { MinecraftServerIcon } from '@modrinth/assets'
+
+defineProps<{
+	image: string | undefined
+}>()
+</script>