feat: set min/max lengths for password

apps/web/src/components/forms/signup.tsx

@@ -20,7 +20,7 @@ import { useToast } from '@documenso/ui/primitives/use-toast';
 export const ZSignUpFormSchema = z.object({
   name: z.string().min(1),
   email: z.string().email().min(1),
-  password: z.string().min(1),
+  password: z.string().min(6).max(72),
 });
 
 export type TSignUpFormSchema = z.infer<typeof ZSignUpFormSchema>;
@@ -105,28 +105,14 @@ export const SignUpForm = ({ className }: SignUpFormProps) => {
           Password
         </Label>
 
-        <div className="relative">
-          <Input
-            id="password"
-            type={showPassword ? 'text' : 'password'}
-            className="bg-background mt-2 pr-10"
-            {...register('password')}
-          />
-
-          <Button
-            variant="link"
-            type="button"
-            className="absolute right-0 top-0 flex h-full items-center justify-center pr-3"
-            aria-label={showPassword ? 'Mask password' : 'Reveal password'}
-            onClick={() => setShowPassword((showPassword) => !showPassword)}
-          >
-            {showPassword ? (
-              <EyeOff className="h-5 w-5 text-slate-500" />
-            ) : (
-              <Eye className="h-5 w-5 text-slate-500" />
-            )}
-          </Button>
-        </div>
+        <Input
+          id="password"
+          type="password"
+          minLength={6}
+          maxLength={72}
+          className="bg-background mt-2"
+          {...register('password')}
+        />
       </div>
 
       <div>