feat: server play frontend draft

apps/frontend/src/composables/featureFlags.ts

@@ -58,6 +58,7 @@ export const DEFAULT_FEATURE_FLAGS = validateValues({
 	alwaysShowVersionDevInfo: false,
 	advancedFiltersCollapsed: true,
 	dismissedPhotosensitivityFilterWarning: false,
+	ServerPlayFrontend: false,
 } as const)
 
 export type FeatureFlag = keyof typeof DEFAULT_FEATURE_FLAGS

apps/frontend/src/pages/hosting/manage/[id].vue

@@ -5,6 +5,7 @@
 		:resolve-viewer="resolveViewer"
 		:show-copy-id-action="flags.developerMode"
 		:show-advanced-debug-info="flags.advancedDebugInfo"
+		:show-play-tab="flags.ServerPlayFrontend"
 		:stripe-publishable-key="config.public.stripePublishableKey as string"
 		:site-url="config.public.siteUrl as string"
 		:products="products"

apps/frontend/src/pages/hosting/manage/[id]/play.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { injectModrinthServerContext, ServersManagePlayPage } from '@modrinth/ui'
+
+const { server } = injectModrinthServerContext()
+const flags = useFeatureFlags()
+const route = useNativeRoute()
+
+if (!flags.value.ServerPlayFrontend) {
+	await navigateTo(`/hosting/manage/${String(route.params.id)}`, { replace: true })
+}
+
+useHead({
+	title: computed(() => `Play - ${server.value?.name ?? 'Server'} - Modrinth`),
+})
+</script>
+
+<template>
+	<ServersManagePlayPage />
+</template>