client: re-add instance list to admin panel

closes FoundKeyGang/FoundKey#162

packages/client/src/pages/about.vue

@@ -83,7 +83,7 @@
 import { computed } from 'vue';
 import * as foundkey from 'foundkey-js';
 import XEmojis from './about.emojis.vue';
-import XFederation from './about.federation.vue';
+import XFederation from '@/components/federation.vue';
 import { version, host } from '@/config';
 import FormLink from '@/components/form/link.vue';
 import FormSection from '@/components/form/section.vue';

packages/client/src/pages/admin/federation.vue

@@ -0,0 +1,20 @@
+<template>
+<MkStickyContainer>
+	<template #header><XHeader :actions="[]" :tabs="[]"/></template>
+	<MkSpacer :content-max="900">
+		<XFederation/>
+	</MkSpacer>
+</MkStickyContainer>
+</template>
+
+<script lang="ts" setup>
+import XHeader from './_header_.vue';
+import { i18n } from '@/i18n';
+import { definePageMetadata } from '@/scripts/page-metadata';
+import XFederation from '@/components/federation.vue';
+
+definePageMetadata({
+	title: i18n.ts.federation,
+	icon: 'fas fa-globe',
+});
+</script>

packages/client/src/pages/admin/index.vue

@@ -189,6 +189,7 @@ const component = $computed(() => {
 		case 'overview': return defineAsyncComponent(() => import('./overview.vue'));
 		case 'users': return defineAsyncComponent(() => import('./users.vue'));
 		case 'emojis': return defineAsyncComponent(() => import('./emojis.vue'));
+		case 'federation': return defineAsyncComponent(() => import('./federation.vue'));
 		case 'queue': return defineAsyncComponent(() => import('./queue.vue'));
 		case 'files': return defineAsyncComponent(() => import('./files.vue'));
 		case 'announcements': return defineAsyncComponent(() => import('./announcements.vue'));