redesigned payment page + a lot of fixes

frontend/pweb/lib/pages/dashboard/payouts/amount/feild.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/controllers/balance_mask/wallets.dart';
+import 'package:pshared/models/currency.dart';
+import 'package:pshared/utils/currency.dart';
+
+import 'package:pweb/controllers/payments/amount_field.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentAmountField extends StatelessWidget {
+  const PaymentAmountField();
+
+  @override
+  Widget build(BuildContext context) {
+    final currency = context.select<WalletsController, Currency?>(
+      (c) => c.selectedWallet?.currency,
+    );
+    final symbol = currency == null ? null : currencyCodeToSymbol(currency);
+
+    final ui = context.watch<PaymentAmountFieldController>();
+
+    return TextField(
+      controller: ui.textController,
+      keyboardType: const TextInputType.numberWithOptions(decimal: true),
+      decoration: InputDecoration(
+        labelText: AppLocalizations.of(context)!.amount,
+        border: const OutlineInputBorder(),
+        prefixText: symbol == null ? null : '$symbol\u00A0',
+      ),
+      onChanged: ui.handleChanged,
+    );
+  }
+}

frontend/pweb/lib/pages/dashboard/payouts/amount/widget.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/payment/amount.dart';
+
+import 'package:pweb/controllers/payments/amount_field.dart';
+import 'package:pweb/pages/dashboard/payouts/amount/feild.dart';
+
+
+class PaymentAmountWidget extends StatelessWidget {
+  const PaymentAmountWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ChangeNotifierProxyProvider<PaymentAmountProvider, PaymentAmountFieldController>(
+      create: (ctx) {
+        final initialAmount = ctx.read<PaymentAmountProvider>().amount;
+        return PaymentAmountFieldController(initialAmount: initialAmount);
+      },
+      update: (ctx, amountProvider, controller) {
+        controller!.update(amountProvider);
+        return controller;
+      },
+      child: const PaymentAmountField(),
+    );
+  }
+}