Feat/cardano rewards balance banner (#703)

* feat(llm): cardano staking rewards info banner

* add changelogs

* fix(llm): lint fix

.changeset/six-rats-bathe.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+Rewards balance info banner for Cardanno currency

apps/ledger-live-mobile/src/families/cardano/AccountBodyHeader.js

@@ -0,0 +1,2 @@
+// @flow
+export { default } from "./StakingRewardsBanner";

apps/ledger-live-mobile/src/families/cardano/StakingRewardsBanner.tsx

@@ -0,0 +1,29 @@
+// @flow
+import React from "react";
+import { Trans } from "react-i18next";
+import { Flex } from "@ledgerhq/native-ui";
+import { InfoMedium } from "@ledgerhq/native-ui/assets/icons";
+import styled from "styled-components/native";
+import LText from "../../components/LText";
+
+const Container = styled(Flex).attrs(() => ({
+  backgroundColor: "neutral.c30",
+  padding: 5,
+  borderRadius: 2,
+  marginBottom: 6,
+  marginLeft: 6,
+  marginRight: 6,
+}))``;
+
+export default function StakingRewardsBanner() {
+  return (
+    <Container>
+      <Flex flexDirection={"row"} alignItems={"center"} flex={1}>
+        <InfoMedium size={20} color={"neutral.c80"} />
+        <LText ml={3} color="neutral.c80" fontWeight="semiBold">
+          <Trans i18nKey="cardano.info.balanceDoesNotIncludeRewards.title" />
+        </LText>
+      </Flex>
+    </Container>
+  );
+}

apps/ledger-live-mobile/src/locales/en/common.json

@@ -3381,6 +3381,13 @@
       }
     }
   },
+  "cardano": {
+    "info": {
+      "balanceDoesNotIncludeRewards": {
+        "title": "Total balance doesn't include staking rewards"
+      }
+    }
+  },
   "celo": {
     "info": {
       "available": {
@@ -4417,4 +4424,4 @@
       "title": "Transaction history"
     }
   }
-}
+}