added comment for payment, changed intent and added amount ui in operations

frontend/pweb/lib/pages/dashboard/payouts/comment/field.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pweb/controllers/payments/comment_field.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentCommentField extends StatelessWidget {
+  const PaymentCommentField({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context)!;
+    final controller = context.watch<PaymentCommentFieldController>();
+
+    return TextField(
+      controller: controller.textController,
+      decoration: InputDecoration(
+        labelText: '${loc.comment} (${loc.optional})',
+        border: const OutlineInputBorder(),
+      ),
+      onChanged: controller.handleChanged,
+    );
+  }
+}

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

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/payment/amount.dart';
+
+import 'package:pweb/controllers/payments/comment_field.dart';
+import 'package:pweb/pages/dashboard/payouts/comment/field.dart';
+
+
+class PaymentCommentWidget extends StatelessWidget {
+  const PaymentCommentWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ChangeNotifierProxyProvider<
+      PaymentAmountProvider,
+      PaymentCommentFieldController
+    >(
+      create: (ctx) {
+        final initialComment = ctx.read<PaymentAmountProvider>().comment;
+        return PaymentCommentFieldController(initialComment: initialComment);
+      },
+      update: (ctx, amountProvider, controller) {
+        controller!.update(amountProvider);
+        return controller;
+      },
+      child: const PaymentCommentField(),
+    );
+  }
+}