vite

* replace next with vite
* disable strictmode (it interferes with collaboration in dev mode)

client/src/pages/auth/layout.tsx

@@ -0,0 +1,7 @@
+interface AuthLayoutProps {
+    children: React.ReactNode
+}
+
+export default function AuthLayout({ children }: AuthLayoutProps) {
+    return <div>{children}</div>
+}

client/src/pages/auth/login.tsx

@@ -0,0 +1,5 @@
+import { LoginForm } from '@/features/auth/components/login-form';
+
+export default function LoginPage() {
+  return <LoginForm />;
+}

client/src/pages/auth/signup.tsx

@@ -0,0 +1,5 @@
+import { SignUpForm } from '@/features/auth/components/sign-up-form';
+
+export default function SignUpPage() {
+  return <SignUpForm />;
+}

client/src/pages/dashboard/home.tsx

@@ -0,0 +1,12 @@
+import { useAtom } from 'jotai';
+import { currentUserAtom } from '@/features/user/atoms/current-user-atom';
+
+export default function Home() {
+  const [currentUser] = useAtom(currentUserAtom);
+
+  return (
+    <>
+      Hello {currentUser && currentUser.user.name}!
+    </>
+  );
+}

client/src/pages/page/page.tsx

@@ -0,0 +1,8 @@
+import { useParams } from 'react-router-dom';
+import Editor from '@/features/editor/editor';
+
+export default function Page() {
+  const { pageId } = useParams();
+
+  return <Editor key={pageId} pageId={pageId}  />;
+}

client/src/pages/welcome.tsx

@@ -0,0 +1,23 @@
+import { Title, Text } from '@mantine/core';
+import { ThemeToggle } from '@/components/theme-toggle';
+
+export function Welcome() {
+  return (
+    <>
+      <Title ta="center" mt={100}>
+        <Text
+          inherit
+          variant="gradient"
+          component="span"
+          gradient={{ from: 'pink', to: 'yellow' }}
+        >
+          Welcome
+        </Text>
+      </Title>
+      <Text ta="center" size="lg" maw={580} mx="auto" mt="xl">
+        Welcome to something new and interesting.
+      </Text>
+      <ThemeToggle />
+    </>
+  );
+}