chore: Make error text on email orange and set displayname

lib/config/themes.dart

@@ -20,6 +20,7 @@ abstract class FluffyThemes {
     String? hintText,
     Widget? suffixIcon,
     Widget? prefixIcon,
+    Color? errorColor,
   }) =>
       InputDecoration(
         border: OutlineInputBorder(
@@ -36,12 +37,12 @@ abstract class FluffyThemes {
         errorText: errorText,
         errorMaxLines: 4,
         errorStyle: TextStyle(
-          color: Colors.red.shade200,
+          color: errorColor ?? Colors.redAccent.shade200,
           shadows: const [
             Shadow(
               color: Colors.black,
               offset: Offset(0, 0),
-              blurRadius: 5,
+              blurRadius: 10,
             ),
           ],
         ),

lib/pages/sign_up/signup.dart

@@ -97,14 +97,24 @@ class SignupPageController extends State<SignupPage> {
         );
       }
 
+      final displayname = Matrix.of(context).loginUsername!;
+      final localPart = displayname.toLowerCase().replaceAll(' ', '_');
+
       await client.uiaRequestBackground(
         (auth) => client.register(
-          username: Matrix.of(context).loginUsername!,
+          username: localPart,
           password: passwordController.text,
           initialDeviceDisplayName: PlatformInfos.clientName,
           auth: auth,
         ),
       );
+      // Set displayname
+      if (displayname != localPart) {
+        await client.setDisplayName(
+          client.userID!,
+          displayname,
+        );
+      }
     } catch (e) {
       error = (e).toLocalizedString(context);
     } finally {

lib/pages/sign_up/signup_view.dart

@@ -94,6 +94,9 @@ class SignupPageView extends StatelessWidget {
                   ),
                   hintText: L10n.of(context)!.enterAnEmailAddress,
                   errorText: controller.error,
+                  errorColor: controller.emailController.text.isEmpty
+                      ? Colors.orangeAccent
+                      : null,
                 ),
               ),
             ),