feat: linked server instances

apps/app-frontend/src/pages/instance/Index.vue

@@ -234,7 +234,7 @@ const instance = ref()
 const modrinthVersions = ref([])
 const playing = ref(false)
 const loading = ref(false)
-const updateToPlayModal = ref()
+const updateToPlayModal = ref() // TODO: show this modal when an update is available when click play button
 
 async function fetchInstance() {
 	instance.value = await get(route.params.id).catch(handleError)

apps/app-frontend/src/pages/instance/Mods.vue

@@ -7,7 +7,7 @@
 					<input
 						v-model="searchFilter"
 						type="text"
-						:placeholder="`Search ${filteredProjects.length} project${filteredProjects.length === 1 ? '' : 's'}...`"
+						:placeholder="`Search ${filteredProjects.length} project${filteredProjects.length === 1 ? '' : 's'}... test`"
 						class="text-input search-input"
 						autocomplete="off"
 					/>

apps/app-frontend/src/pages/project/Index.vue

@@ -23,6 +23,7 @@
 				class="project-sidebar-section"
 			/>
 		</Teleport>
+		<InstallToPlayModal ref="installToPlayModal" :project="data" />
 		<div class="flex flex-col gap-4 p-6">
 			<ButtonStyled v-if="themeStore.featureFlags.server_project_qa">
 				<button @click="installToPlayModal.show()">Install to play modal</button>
@@ -191,7 +192,7 @@ const instanceProjects = ref(null)
 const installed = ref(false)
 const installedVersion = ref(null)
 
-const installToPlayModal = ref()
+const installToPlayModal = ref(null) // TODO, only show install to play modal for server project types that have .mrpack for content
 
 const instanceFilters = computed(() => {
 	if (!instance.value) {

apps/frontend/src/components/ui/create-project-version/components/McVersionPicker.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="space-y-2.5">
-		<div class="flex items-center justify-between">
+		<div v-if="!noHeader" class="flex items-center justify-between">
 			<span class="font-semibold text-contrast">
 				Minecraft versions <span class="text-red">*</span>
 			</span>
@@ -42,6 +42,7 @@
 								versionType === 'all' && !group.isReleaseGroup ? 'w-max' : 'w-16',
 								modelValue.includes(version) ? '!text-contrast' : '',
 							]"
+							:disabled="disabled"
 							@click="() => handleToggleVersion(version)"
 							@blur="
 								() => {
@@ -73,6 +74,8 @@ type GameVersion = Labrinth.Tags.v2.GameVersion
 const props = defineProps<{
 	modelValue: string[]
 	gameVersions: Labrinth.Tags.v2.GameVersion[]
+	noHeader?: boolean
+	disabled?: boolean
 }>()
 
 const emit = defineEmits<{