chore: reorganize settings code layout

app/routes/settings/auth-keys/dialogs/expire-auth-key.tsx

@@ -0,0 +1,23 @@
+import Dialog from '~/components/Dialog';
+import type { PreAuthKey } from '~/types';
+
+interface ExpireAuthKeyProps {
+	authKey: PreAuthKey;
+}
+
+export default function ExpireAuthKey({ authKey }: ExpireAuthKeyProps) {
+	return (
+		<Dialog>
+			<Dialog.Button>Expire Key</Dialog.Button>
+			<Dialog.Panel method="DELETE" variant="destructive">
+				<Dialog.Title>Expire auth key?</Dialog.Title>
+				<input type="hidden" name="user" value={authKey.user} />
+				<input type="hidden" name="key" value={authKey.key} />
+				<Dialog.Text>
+					Expiring this authentication key will immediately prevent it from
+					being used to authenticate new devices. This action cannot be undone.
+				</Dialog.Text>
+			</Dialog.Panel>
+		</Dialog>
+	);
+}