chore: Add sol warning message into multi-language settings

packages/canonical-bridge-widget/src/core/locales/en.ts

@@ -63,6 +63,9 @@ export const en = {
   'transfer.button.wallet-connect': 'Connect Wallet',
   'transfer.button.switch-wallet': 'Switch Wallet',
 
+  'transfer.warning.sol.balance':
+    'At least {min} SOL is required to proceed with this transaction.',
+
   'modal.approve.title': 'Approve Token',
   'modal.approve.desc.1': 'Please approve at least ',
   'modal.approve.desc.2': ' and initiate the transfer',
@@ -81,6 +84,8 @@ export const en = {
   'modal.confirm.title': 'Waiting for Confirmation',
   'modal.confirm.desc': 'Confirm this transaction in your wallet',
 
+  'modal.summary.title': 'Confirm Transaction',
+
   'select-modal.tag.incompatible': 'Incompatible',
   'select-modal.search.no-result.title': 'No result found',
   'select-modal.search.no-result.warning':

packages/canonical-bridge-widget/src/modules/transfer/components/TransferWarningMessage/index.tsx

@@ -1,4 +1,4 @@
-import { Flex, theme, useColorMode } from '@bnb-chain/space';
+import { Flex, theme, useColorMode, useIntl } from '@bnb-chain/space';
 import { rgba } from 'polished';
 
 import { MIN_SOL_TO_ENABLED_TX } from '@/core/constants';
@@ -12,6 +12,8 @@ export const TransferWarningMessage = () => {
   const solBalance = Number(data?.formatted);
   const fromChain = useAppSelector((state) => state.transfer.fromChain);
 
+  const { formatMessage } = useIntl();
+
   if (fromChain?.chainType === 'solana' && solBalance < MIN_SOL_TO_ENABLED_TX) {
     return (
       <Flex
@@ -30,7 +32,7 @@ export const TransferWarningMessage = () => {
           fontSize={'12px'}
           fontWeight={400}
         />
-        {`At least ${MIN_SOL_TO_ENABLED_TX} SOL is required to proceed with this transaction.`}
+        {formatMessage({ id: 'transfer.warning.sol.balance' }, { min: MIN_SOL_TO_ENABLED_TX })}
       </Flex>
     );
   }