Fix CSS. Updated pages.

src/app/logout/Logout.js

@@ -0,0 +1,32 @@
+'use client';
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import useApi from 'components/hooks/useApi';
+import { setUser } from 'store/app';
+import { removeClientAuthToken } from 'lib/client';
+
+export function Logout() {
+  const disabled = !!(process.env.disableLogin || process.env.cloudMode);
+  const router = useRouter();
+  const { post } = useApi();
+
+  useEffect(() => {
+    async function logout() {
+      await post('/auth/logout');
+    }
+
+    if (!disabled) {
+      removeClientAuthToken();
+
+      logout();
+
+      router.push('/login');
+
+      return () => setUser(null);
+    }
+  }, [disabled, router, post]);
+
+  return null;
+}
+
+export default Logout;

src/app/logout/page.tsx

@@ -1,34 +1,5 @@
-'use client';
-import { useEffect } from 'react';
-import { useRouter } from 'next/router';
-import useApi from 'components/hooks/useApi';
-import { setUser } from 'store/app';
-import { removeClientAuthToken } from 'lib/client';
+import Logout from './Logout';
 
-async function getDisabled() {
-  return !!(process.env.DISABLE_LOGIN || process.env.CLOUD_MODE);
-}
-
-export default async function LogoutPage() {
-  const disabled = await getDisabled();
-  const router = useRouter();
-  const { post } = useApi();
-
-  useEffect(() => {
-    async function logout() {
-      await post('/auth/logout');
-    }
-
-    if (!disabled) {
-      removeClientAuthToken();
-
-      logout();
-
-      router.push('/login');
-
-      return () => setUser(null);
-    }
-  }, [disabled, router, post]);
-
-  return null;
+export default function () {
+  return <Logout />;
 }