redesigned payment page + a lot of fixes

frontend/pweb/lib/pages/dashboard/payouts/single/address_book/avatar.dart

@@ -26,6 +26,7 @@ class RecipientAvatar extends StatelessWidget {
     final textColor = Theme.of(context).colorScheme.onPrimary;
 
     return Column(
+      mainAxisAlignment: MainAxisAlignment.center,
       children: [
         CircleAvatar(
           radius: avatarRadius,

frontend/pweb/lib/pages/dashboard/payouts/single/address_book/short_list.dart

@@ -7,11 +7,13 @@ import 'package:pweb/pages/dashboard/payouts/single/address_book/avatar.dart';
 class ShortListAddressBookPayout extends StatelessWidget {
   final List<Recipient> recipients;
   final ValueChanged<Recipient> onSelected;
+  final Widget? trailing;
 
   const ShortListAddressBookPayout({
     super.key,
     required this.recipients,
     required this.onSelected,
+    this.trailing,
   });
 
   static const double _avatarRadius = 20;
@@ -21,10 +23,13 @@ class ShortListAddressBookPayout extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final trailingWidget = trailing;
+
     return SingleChildScrollView(
       scrollDirection: Axis.horizontal,
       child: Row(
-        children: recipients.map((recipient) {
+        children: 
+        recipients.map((recipient) {
           return Padding(
             padding: _padding,
             child: InkWell(
@@ -44,8 +49,13 @@ class ShortListAddressBookPayout extends StatelessWidget {
               ),
             ),
           );
-        }).toList(),
+        }).toList()
+          ..addAll(
+            trailingWidget == null
+                ? const []
+                : [Padding(padding: _padding, child: trailingWidget)],
+          ),
       ),
     );
   }
-}
+}