fix: worlds layout

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

@@ -1,30 +1,7 @@
 <script setup lang="ts">
-import {
+const route = useNativeRoute()
-	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 />
+	<NuxtPage :route="route" />
 </template>

apps/frontend/src/pages/hosting/manage/[id]/worlds/index.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>

packages/ui/src/layouts/wrapped/hosting/manage/[id]/worlds/[world-id]/index.vue

@@ -24,7 +24,7 @@
 
 				<div class="flex shrink-0 items-center gap-2">
 					<PanelServerActionButton size="large" start-label="Start world" />
-					<ButtonStyled circular>
+					<ButtonStyled size="large" circular>
 						<button
 							v-tooltip="formatMessage(messages.worldSettings)"
 							@click="openServerSettings({ tabId: 'installation' })"