feat(app-page): add server list page

src/app/server-list/page.tsx

@@ -0,0 +1,32 @@
+import type { Metadata } from 'next';
+import { DefaultLayout } from '@/layouts/default';
+import { Heading } from '@/components/heading';
+import { Text } from '@/components/text';
+import { Card } from '@/components/card';
+
+export const metadata: Metadata = {
+  title: 'Server list',
+  description: 'The distance between you and the server',
+};
+
+export default function ServerList() {
+  return (
+    <DefaultLayout>
+      <div className="mx-auto w-full max-w-2xl px-6 py-[70px]">
+        <div className="space-y-4 pb-8 text-center md:pb-10">
+          <Heading
+            level="1"
+            className="text-center text-lg tracking-tight md:text-2xl md:tracking-tightest"
+          >
+            Server list
+          </Heading>
+          <Text className="text-sm md:text-base">
+            The distance between you and the server
+          </Text>
+        </div>
+
+        <Card>nothing here</Card>
+      </div>
+    </DefaultLayout>
+  );
+}