add text input validation

apps/homepage/src/components/auth/ResetPasswordForm.tsx

@@ -210,6 +210,7 @@ function ResetPasswordContent({ locale }: { locale: Locale }) {
               type={showPassword ? 'text' : 'password'}
               required
               minLength={8}
+              maxLength={128}
               value={password}
               onChange={(e) => setPassword(e.target.value)}
               placeholder="••••••••"
@@ -243,6 +244,7 @@ function ResetPasswordContent({ locale }: { locale: Locale }) {
               type={showConfirm ? 'text' : 'password'}
               required
               minLength={8}
+              maxLength={128}
               value={confirm}
               onChange={(e) => setConfirm(e.target.value)}
               placeholder="••••••••"

apps/homepage/src/components/auth/SignInForm.tsx

@@ -268,6 +268,7 @@ export function SignInForm({
                 id="signin-password"
                 type={showPassword ? 'text' : 'password'}
                 required
+                maxLength={128}
                 value={password}
                 onChange={(e) => setPassword(e.target.value)}
                 placeholder="••••••••"

apps/homepage/src/components/forms/TextInput.tsx

@@ -22,11 +22,15 @@ export const TextInput = forwardRef<HTMLInputElement, TextInputProps>(function T
   ref,
 ) {
   const dir = bidiValue || type === 'email' || type === 'tel' || type === 'url' ? 'ltr' : undefined;
+  const maxLength = props.maxLength ?? (type === 'email' ? 254 : type === 'tel' ? 20 : undefined);
+  const pattern = props.pattern ?? (type === 'tel' ? '^(?:(?:\\+|00)212|0)\\s?[5-7](?:\\s?\\d){8}$' : undefined);
   return (
     <input
       ref={ref}
       type={type}
       dir={dir}
+      maxLength={maxLength}
+      pattern={pattern}
       className={classNames(styles.control, className)}
       aria-invalid={invalid || undefined}
       aria-describedby={describedBy}