4017 usability test todos 91725 (#4026)

* chore: add ability to toggle show password in signup and login pages

* chore: update text in register popup

lib/l10n/intl_en.arb

@@ -4717,7 +4717,7 @@
     }
   },
   "slightlyOffensive": "Slightly offensive",
-  "clickOnEmailLink": "Please click on the link in the email and then proceed. In rare cases, the email can be sent to spam or take up to 5 minutes to arrive.",
+  "clickOnEmailLink": "Please click on the link in the email and then proceed.\n\nCheck your spam folder if the email hasn't arrived.",
   "whoIsAllowedToJoinThisChat": "Who is allowed to join this chat",
   "dontForgetPassword": "Don't forget your password!",
   "enableAutocorrectToolName": "Enable device autocorrect",

lib/pangea/login/pages/pangea_login_view.dart

@@ -40,7 +40,7 @@ class PangeaLoginView extends StatelessWidget {
                   hintText: L10n.of(context).password,
                   autofillHints: const [AutofillHints.password],
                   autoFocus: true,
-                  obscureText: true,
+                  obscureText: !controller.showPassword,
                   textInputAction: TextInputAction.go,
                   onSubmitted: (_) {
                     controller.enabledSignIn ? controller.login() : null;
@@ -52,6 +52,14 @@ class PangeaLoginView extends StatelessWidget {
                     return null;
                   },
                   controller: controller.passwordController,
+                  suffix: IconButton(
+                    icon: Icon(
+                      controller.showPassword
+                          ? Icons.visibility_off
+                          : Icons.visibility,
+                    ),
+                    onPressed: controller.toggleShowPassword,
+                  ),
                 ),
               ],
             ),

lib/pangea/login/pages/signup_with_email_view.dart

@@ -39,10 +39,18 @@ class SignupWithEmailView extends StatelessWidget {
           FullWidthTextField(
             hintText: L10n.of(context).password,
             textInputAction: TextInputAction.done,
-            obscureText: true,
+            obscureText: !controller.showPassword,
             validator: controller.password1TextFieldValidator,
             controller: controller.passwordController,
             onSubmitted: controller.enableSignUp ? controller.signup : null,
+            suffix: IconButton(
+              icon: Icon(
+                controller.showPassword
+                    ? Icons.visibility_off
+                    : Icons.visibility,
+              ),
+              onPressed: controller.toggleShowPassword,
+            ),
           ),
           FullWidthButton(
             title: L10n.of(context).signUp,

lib/pangea/login/widgets/full_width_button.dart

@@ -121,6 +121,7 @@ class FullWidthTextField extends StatelessWidget {
   final String? labelText;
   final List<String>? autofillHints;
   final bool autoFocus;
+  final Widget? suffix;
 
   const FullWidthTextField({
     required this.hintText,
@@ -134,6 +135,7 @@ class FullWidthTextField extends StatelessWidget {
     this.labelText,
     this.autofillHints,
     this.autoFocus = false,
+    this.suffix,
     super.key,
   });
 
@@ -159,6 +161,7 @@ class FullWidthTextField extends StatelessWidget {
             vertical: 8.0,
           ),
           isDense: true,
+          suffixIcon: suffix,
         ),
         validator: validator,
         onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),