Fixed frontend tests - dependencies mismatch and out-of-date Zod usage (#2344)

- fixed dependencies mismatch,
- fixed out-of-date Zod usage

Author: jaklyk2103

ui/src/pages/Profile/components/PasswordDetails.tsx

@@ -17,28 +17,31 @@ import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { ErrorMessage } from '@/components/ErrorMessage';
 
-const schema = z
-  .object({
-    currentPassword: z
-      .string()
-      .min(5, { message: 'Current password must be at least 5 characters' }),
-    newPassword: z
-      .string()
-      .min(5, { message: 'New password must be at least 5 characters' }),
-    repeatedPassword: z
-      .string()
-      .min(5, { message: 'Repeat password must be at least 5 characters' }),
-  })
-  .refine((data) => data.newPassword === data.repeatedPassword, {
+const baseSchema = z.object({
+  currentPassword: z
+    .string()
+    .min(5, { message: 'Current password must be at least 5 characters' }),
+  newPassword: z
+    .string()
+    .min(5, { message: 'New password must be at least 5 characters' }),
+  repeatedPassword: z
+    .string()
+    .min(5, { message: 'Repeat password must be at least 5 characters' }),
+});
+
+const schema = baseSchema.refine(
+  (data) => data.newPassword === data.repeatedPassword,
+  {
     message: 'Passwords do not match',
     path: ['repeatedPassword'],
 
     when(payload) {
-      return schema
+      return baseSchema
         .pick({ newPassword: true, repeatedPassword: true })
         .safeParse(payload.value).success;
     },
-  });
+  }
+);
 
 export const PasswordDetails: FC = () => {
   const [storageApiKeyState, setStorageApiKeyState] = useApiKeyState();

ui/src/pages/Register/index.tsx

@@ -28,25 +28,28 @@ import { Button } from '@/components/ui/button';
 import { toast } from 'sonner';
 import { ErrorMessage } from '@/components/ErrorMessage';
 
-const schema = z
-  .object({
-    login: z
-      .string('Login is required')
-      .min(3, 'Login must be at least 3 characters long'),
-    email: z.email('Email is required'),
-    password: z.string('Password is required').min(5),
-    repeatedPassword: z.string('Please repeat your password'),
-  })
-  .refine((data) => data.password === data.repeatedPassword, {
+const baseSchema = z.object({
+  login: z
+    .string('Login is required')
+    .min(3, 'Login must be at least 3 characters long'),
+  email: z.email('Email is required'),
+  password: z.string('Password is required').min(5),
+  repeatedPassword: z.string('Please repeat your password'),
+});
+
+const schema = baseSchema.refine(
+  (data) => data.password === data.repeatedPassword,
+  {
     message: 'Passwords do not match',
     path: ['repeatedPassword'],
 
     when(payload) {
-      return schema
+      return baseSchema
         .pick({ password: true, repeatedPassword: true })
         .safeParse(payload.value).success;
     },
-  });
+  }
+);
 
 const FORM_ID = 'registration-form';