refactor: login method (#1676)

apps/web/src/pages/_debug/login.dev.tsx

@@ -11,8 +11,16 @@ import {
 } from '@affine/workspace/affine/login';
 import { useAtom } from 'jotai';
 import type { NextPage } from 'next';
+import dynamic from 'next/dynamic';
 import { useMemo } from 'react';
 
+const Viewer = dynamic(
+  () => import('@rich-data/viewer').then(m => ({ default: m.JsonViewer })),
+  { ssr: false }
+);
+
+import { useTheme } from 'next-themes';
+
 import { StyledPage, StyledWrapper } from '../../layouts/styles';
 
 const LoginDevPage: NextPage = () => {
@@ -69,7 +77,24 @@ const LoginDevPage: NextPage = () => {
         >
           Reset Storage
         </Button>
-        {user && JSON.stringify(user)}
+        <Button
+          onClick={async () => {
+            const status = await fetch('/api/workspace', {
+              method: 'GET',
+              headers: {
+                'Cache-Control': 'no-cache',
+                Authorization: getLoginStorage()?.token ?? '',
+              },
+            }).then(r => r.status);
+            toast(`Response Status: ${status}`);
+          }}
+        >
+          Check Permission
+        </Button>
+        <Viewer
+          theme={useTheme().resolvedTheme === 'light' ? 'light' : 'dark'}
+          value={user}
+        />
       </StyledWrapper>
     </StyledPage>
   );