email registration updated

frontend/pweb/lib/pages/2fa/input.dart

@@ -12,21 +12,18 @@ class TwoFactorCodeInput extends StatelessWidget {
   Widget build(BuildContext context) => Center(
     child: ConstrainedBox(
       constraints: const BoxConstraints(maxWidth: 300),
-      child: PinCodeTextField(
+      child: MaterialPinField(
         length: 6,
-        appContext: context,
         autoFocus: true,
         keyboardType: TextInputType.number,
-        animationType: AnimationType.fade,
-        cursorColor: Theme.of(context).colorScheme.primary,
-        pinTheme: PinTheme(
-          shape: PinCodeFieldShape.box,
+        theme: MaterialPinTheme(
+          entryAnimation: MaterialPinAnimation.fade,
+          shape: MaterialPinShape.outlined,
           borderRadius: BorderRadius.circular(4),
-          fieldHeight: 48,
-          fieldWidth: 40,
-          inactiveColor: Theme.of(context).colorScheme.primaryContainer,
-          activeColor: Theme.of(context).colorScheme.primary,
-          selectedColor: Theme.of(context).colorScheme.primary,
+          cellSize: Size(40, 48),
+          borderColor: Theme.of(context).colorScheme.primaryContainer,
+          focusedBorderColor: Theme.of(context).colorScheme.primary,
+          cursorColor: Theme.of(context).colorScheme.primary,
         ),
         onCompleted: onCompleted,
         onChanged: (_) {},