use iam module login page for backoffice

apps/backoffice/src/app/features/auth/pages/LoginPage.tsx

@@ -1,5 +1 @@
-import { LoginForm } from '../components/LoginForm';
-
-export function LoginPage() {
-  return <LoginForm />;
-}
+export { Login as LoginPage } from '@tria-plc/iamui-common';

apps/backoffice/src/app/features/auth/pages/SetPasswordPage.tsx

@@ -1,137 +1 @@
-import {
-  Paper,
-  TextInput,
-  PasswordInput,
-  Button,
-  Stack,
-  Title,
-  Text,
-} from '@mantine/core';
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-import { useNavigate, useLocation } from 'react-router-dom';
-import { useAppDispatch, useAppSelector } from '../../../store/hooks';
-import {
-  setPasswordStart,
-  setPasswordSuccess,
-  setPasswordFailure,
-} from '../store/set-password.slice';
-import { notify } from '@ema-platform/ui';
-
-const BASE_API_URL =
-  (import.meta as { env?: Record<string, string> }).env?.['VITE_BASE_API_URL'] ??
-  'http://localhost:3001/api';
-
-const schema = z
-  .object({
-    userId: z.string().min(1, 'User ID is required'),
-    email: z.string().email('Enter a valid email'),
-    verificationCode: z.string().min(1, 'Verification code is required'),
-    newPassword: z.string().min(6, 'Password must be at least 6 characters'),
-    confirmPassword: z.string().min(6, 'Confirm your password'),
-  })
-  .refine((data) => data.newPassword === data.confirmPassword, {
-    message: 'Passwords do not match',
-    path: ['confirmPassword'],
-  });
-
-type FormValues = z.infer<typeof schema>;
-
-export function SetPasswordPage() {
-  const navigate = useNavigate();
-  const dispatch = useAppDispatch();
-  const location = useLocation();
-  const { loading } = useAppSelector((s) => s.setPassword);
-  const signupEmail = (location.state as { email?: string } | null)?.email ?? '';
-
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-  } = useForm<FormValues>({
-    resolver: zodResolver(schema),
-    defaultValues: { email: signupEmail },
-  });
-
-  const onSubmit = async (values: FormValues) => {
-    dispatch(setPasswordStart());
-    try {
-      const res = await fetch(`${BASE_API_URL}/auth/set-password`, {
-        method: 'PATCH',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          userId: values.userId,
-          email: values.email,
-          verificationCode: values.verificationCode,
-          newPassword: values.newPassword,
-          confirmPassword: values.confirmPassword,
-        }),
-      });
-
-      if (!res.ok) {
-        const errorData = await res.json().catch(() => null);
-        throw new Error(errorData?.message ?? 'Failed to set password');
-      }
-
-      dispatch(setPasswordSuccess());
-      notify.success('Password set successfully');
-      navigate('/dashboard');
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : 'Something went wrong';
-      dispatch(setPasswordFailure(msg));
-      notify.error(msg);
-    }
-  };
-
-  return (
-    <Paper p="xl" shadow="md" radius="md">
-      <Stack gap="lg">
-        <Stack gap={4}>
-          <Title order={2}>Set your password</Title>
-          <Text c="dimmed" size="sm">
-            A verification code has been sent to your email. Enter it below along
-            with your new password to complete registration.
-          </Text>
-        </Stack>
-        <form onSubmit={handleSubmit(onSubmit)}>
-          <Stack gap="md">
-            <TextInput
-              label="User ID"
-              placeholder="Enter your user ID"
-              error={errors.userId?.message}
-              {...register('userId')}
-            />
-            <TextInput
-              label="Email"
-              placeholder="you@example.com"
-              error={errors.email?.message}
-              {...register('email')}
-            />
-            <TextInput
-              label="Verification Code"
-              placeholder="Enter the code from your email"
-              error={errors.verificationCode?.message}
-              {...register('verificationCode')}
-            />
-            <PasswordInput
-              label="New Password"
-              placeholder="Enter a new password"
-              error={errors.newPassword?.message}
-              {...register('newPassword')}
-            />
-            <PasswordInput
-              label="Confirm Password"
-              placeholder="Confirm your new password"
-              error={errors.confirmPassword?.message}
-              {...register('confirmPassword')}
-            />
-            <Button type="submit" loading={loading} fullWidth mt="sm">
-              Set Password
-            </Button>
-          </Stack>
-        </form>
-      </Stack>
-    </Paper>
-  );
-}
+export { SetPasswordPage } from '@tria-plc/iamui-common';