Beneficiary lists changed

lib/features/beneficiaries/screens/manage_beneficiaries_screen.dart

@@ -97,7 +97,9 @@ class _ManageBeneficiariesScreen extends State<ManageBeneficiariesScreen> {
       itemCount: _filteredBeneficiaries.length,
       itemBuilder: (context, index) {
         final item = _filteredBeneficiaries[index];
-        return ListTile(
+        return Card(
+          margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+          child: ListTile(
             leading: CircleAvatar(
               radius: 24,
               backgroundColor: Colors.transparent,
@@ -123,6 +125,7 @@ class _ManageBeneficiariesScreen extends State<ManageBeneficiariesScreen> {
                 ),
               );
             },
+          ),
         );
       },
     );

lib/features/fund_transfer/screens/fund_transfer_beneficiary_screen.dart

@@ -120,7 +120,9 @@ class _FundTransferBeneficiaryScreenState
 
         // By wrapping the ListTile in an Opacity widget, we can make it look
         // disabled while ensuring the onTap callback still works.
-        return Opacity(
+        return Card(
+          margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+          child: Opacity(
             opacity: isCoolingDown ? 0.5 : 1.0,
             child: ListTile(
               // REMOVED the 'enabled' property from here.
@@ -175,6 +177,7 @@ class _FundTransferBeneficiaryScreenState
                 }
               },
             ),
+          ),
         );
       },
     );

lib/features/fund_transfer/screens/fund_transfer_self_accounts_screen.dart

@@ -55,7 +55,10 @@ class FundTransferSelfAccountsScreen extends StatelessWidget {
                   itemCount: filteredAccounts.length,
                   itemBuilder: (context, index) {
                     final account = filteredAccounts[index];
-                    return ListTile(
+                    return Card(
+                      margin: const EdgeInsets.symmetric(
+                          horizontal: 12, vertical: 6),
+                      child: ListTile(
                         leading: CircleAvatar(
                           radius: 24,
                           backgroundColor: Colors.transparent,
@@ -80,7 +83,8 @@ class FundTransferSelfAccountsScreen extends StatelessWidget {
                           Navigator.push(
                             context,
                             MaterialPageRoute(
-                            builder: (context) => FundTransferSelfAmountScreen(
+                              builder: (context) =>
+                                  FundTransferSelfAmountScreen(
                                 debitAccountNo: debitAccountNo,
                                 creditAccount: account, // Pass the User object
                                 remitterName: remitterName,
@@ -88,6 +92,7 @@ class FundTransferSelfAccountsScreen extends StatelessWidget {
                             ),
                           );
                         },
+                      ),
                     );
                   },
                 ),