🎨

packages/frontend/src/pages/settings/index.vue

@@ -130,16 +130,6 @@ const menuDef = computed(() => [{
 }, {
 	title: i18n.ts.otherSettings,
 	items: [{
-		icon: 'ti ti-plane',
-		text: i18n.ts.migration,
-		to: '/settings/migration',
-		active: currentPage?.route.name === 'migration',
-	}, {
-		icon: 'ti ti-package',
-		text: i18n.ts.importAndExport,
-		to: '/settings/import-export',
-		active: currentPage?.route.name === 'import-export',
-	}, {
 		icon: 'ti ti-badges',
 		text: i18n.ts.roles,
 		to: '/settings/roles',
@@ -169,6 +159,16 @@ const menuDef = computed(() => [{
 		text: 'Webhook',
 		to: '/settings/webhook',
 		active: currentPage?.route.name === 'webhook',
+	}, {
+		icon: 'ti ti-package',
+		text: i18n.ts.importAndExport,
+		to: '/settings/import-export',
+		active: currentPage?.route.name === 'import-export',
+	}, {
+		icon: 'ti ti-plane',
+		text: i18n.ts.migration,
+		to: '/settings/migration',
+		active: currentPage?.route.name === 'migration',
 	}, {
 		icon: 'ti ti-dots',
 		text: i18n.ts.other,
@@ -236,7 +236,7 @@ onUnmounted(() => {
 });
 
 watch(router.currentRef, (to) => {
-	if (to.route.name === "settings" && to.child?.route.name == null && !narrow) {
+	if (to.route.name === 'settings' && to.child?.route.name == null && !narrow) {
 		router.replace('/settings/profile');
 	}
 });

packages/frontend/src/pages/settings/migration.vue

 <template>
 <div class="_gaps_m">
-	<FormSection>
+	<FormSection first>
 		<template #label>{{ i18n.ts.moveTo }}</template>
 		<MkInput v-model="moveToAccount" manual-save>
 			<template #prefix><i class="ti ti-plane-departure"></i></template>