feat(cat-voices): add heads up to wallet details page (#2774)

Author: dt-iohk

catalyst_voices/apps/voices/lib/pages/registration/wallet_link/stage/wallet_details_panel.dart

@@ -31,7 +31,7 @@ class WalletDetailsPanel extends StatelessWidget {
           _BlocWalletSummary(),
         ],
       ),
-      footer: const _BlocNavigation(),
+      footer: const _Footer(),
     );
   }
 }
@@ -127,6 +127,51 @@ class _ChooseOtherWalletNavigation extends StatelessWidget {
   }
 }
 
+class _Footer extends StatelessWidget {
+  const _Footer();
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          context.l10n.headsUp,
+          style: Theme.of(context).textTheme.titleMedium,
+        ),
+        const SizedBox(height: 8),
+        const _HeadsUp(),
+        const SizedBox(height: 24),
+        const _BlocNavigation(),
+      ],
+    );
+  }
+}
+
+class _HeadsUp extends StatelessWidget {
+  const _HeadsUp();
+
+  @override
+  Widget build(BuildContext context) {
+    return ActionCard(
+      key: const Key('WalletBalanceHeadsUp'),
+      icon: VoicesAssets.icons.mailOpen.buildIcon(),
+      title: Text(
+        context.l10n.walletBalance,
+        key: const Key('WalletBalanceHeadsUpTitle'),
+      ),
+      desc: BulletList(
+        key: const Key('WalletBalanceHeadsUpList'),
+        items: [
+          context.l10n.walletLinkWalletDetailsHeadsUpText,
+        ],
+        spacing: 0,
+      ),
+      statusIcon: VoicesAssets.icons.informationCircle.buildIcon(),
+    );
+  }
+}
+
 class _RegistrationTextBackNextNavigation extends StatelessWidget {
   const _RegistrationTextBackNextNavigation();
 

catalyst_voices/packages/internal/catalyst_voices_localization/lib/l10n/intl_en.arb

@@ -577,6 +577,10 @@
   "@walletLinkWalletDetailsNoticeTopUpLink": {
     "description": "A link to top-up provide when the user doesn't have enough balance on wallet link screen"
   },
+  "walletLinkWalletDetailsHeadsUpText": "We only read your balance to calculate voting power — we can't access or use your wallet.",
+  "@walletLinkWalletDetailsHeadsUpText": {
+    "description": "A heads up content explaining that the app only reads wallet balance and cannot spend it."
+  },
   "walletLinkTransactionTitle": "Let's make sure everything looks right.",
   "@walletLinkTransactionTitle": {
     "description": "A title in link wallet flow on transaction screen."