feat: world switching page implementation

apps/app-frontend/src/pages/hosting/manage/Worlds.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { ServersManageWorldsPage } from '@modrinth/ui'
+</script>
+
+<template>
+	<ServersManageWorldsPage />
+</template>

apps/app-frontend/src/pages/hosting/manage/index.js

@@ -4,5 +4,6 @@ import Content from './Content.vue'
 import Files from './Files.vue'
 import Index from './Index.vue'
 import Overview from './Overview.vue'
+import Worlds from './Worlds.vue'
 
-export { Access, Backups, Content, Files, Index, Overview }
+export { Access, Backups, Content, Files, Index, Overview, Worlds }

apps/app-frontend/src/routes.js

@@ -57,6 +57,14 @@ export default new createRouter({
 						breadcrumb: [{ name: '?Server' }],
 					},
 				},
+				{
+					path: 'worlds',
+					name: 'ServerManageWorlds',
+					component: Hosting.Worlds,
+					meta: {
+						breadcrumb: [{ name: '?Server' }],
+					},
+				},
 				{
 					path: 'files',
 					name: 'ServerManageFiles',

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

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import {
+	commonMessages,
+	defineMessages,
+	injectModrinthServerContext,
+	ServersManageWorldsPage,
+	useVIntl,
+} from '@modrinth/ui'
+
+const { server } = injectModrinthServerContext()
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	title: {
+		id: 'servers.manage.worlds.meta.title',
+		defaultMessage: 'Worlds - {server} - Modrinth',
+	},
+})
+
+useHead({
+	title: () =>
+		formatMessage(messages.title, {
+			server: server.value?.name ?? formatMessage(commonMessages.serverLabel),
+		}),
+})
+</script>
+
+<template>
+	<ServersManageWorldsPage />
+</template>