client: updates

* work on groups ui
* move settings to its own page
* other fixes and refactoring

apps/client/src/features/auth/components/auth.module.css

@@ -0,0 +1,6 @@
+.authBackground {
+    position: relative;
+    min-height: 100vh;
+    background-size: cover;
+    background-image: url(https://images.unsplash.com/photo-1701010063921-5f3255259e6d?q=80&w=3024&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
+}

apps/client/src/features/auth/components/login-form.tsx

@@ -15,6 +15,7 @@ import {
   PasswordInput,
 } from '@mantine/core';
 import { Link } from 'react-router-dom';
+import classes from './auth.module.css';
 
 const formSchema = z.object({
   email: z
@@ -40,17 +41,11 @@ export function LoginForm() {
 
   return (
     <Container size={420} my={40}>
-      <Title ta="center" fw={800}>
-        Login
-      </Title>
-      <Text c="dimmed" size="sm" ta="center" mt={5}>
-        Don't have an account yet?{' '}
-        <Anchor size="sm" component={Link} to="/signup">
-          Create account
-        </Anchor>
-      </Text>
+      <Paper shadow="md" p="lg" radius="md" mt={200}>
+        <Title ta="center" fw={800}>
+          Login
+        </Title>
 
-      <Paper withBorder shadow="md" p={30} mt={30} radius="md">
         <form onSubmit={form.onSubmit(onSubmit)}>
           <TextInput
             id="email"
@@ -72,6 +67,14 @@ export function LoginForm() {
             Sign In
           </Button>
         </form>
+
+        <Text c="dimmed" size="sm" ta="center" mt="sm">
+          Don't have an account yet?{' '}
+          <Anchor size="sm" component={Link} to="/signup">
+            Create account
+          </Anchor>
+        </Text>
+
       </Paper>
     </Container>
   );

apps/client/src/features/auth/components/sign-up-form.tsx

@@ -50,7 +50,7 @@ export function SignUpForm() {
         </Anchor>
       </Text>
 
-      <Paper withBorder shadow="md" p={30} mt={30} radius="md">
+      <Paper shadow="md" p={30} mt={30} radius="md">
         <form onSubmit={form.onSubmit(onSubmit)}>
           <TextInput
             id="email"