Add warning for adding memo during transfer

* add note: memos

* change text color bridge disclaimer

* show notes in a list confirmation dialog

Author: Sharqiewicz

src/pages/bridge/Issue/ConfirmationDialog.tsx

@@ -105,13 +105,21 @@ export function ConfirmationDialog(props: ConfirmationDialogProps): JSX.Element
             </div>
           )}
         </div>
-        <div className="text-sm mt-4">
-          Note: Estimated time for issuing is in a minute after submitting the Stellar payment to the vault, contact
-          <a href="https://t.me/pendulum_chain" target="_blank" rel="noreferrer" className="mx-1 text-accent">
-            support
-          </a>
-          if your transaction is still pending after 10 minutes.
-        </div>
+
+        <div className="text-sm mt-4">Note:</div>
+        <ul className="text-sm list-disc list-inside">
+          <li className="mt-1">
+            Stellar transactions require memos for accurate processing. Failure to include the transaction memo may
+            result in the loss of your coins.
+          </li>
+          <li className="mt-1">
+            Estimated time for issuing is in a minute after submitting the Stellar payment to the vault, contact
+            <a href="https://t.me/pendulum_chain" target="_blank" rel="noreferrer" className="mx-1 text-primary">
+              support
+            </a>
+            if your transaction is still pending after 10 minutes.
+          </li>
+        </ul>
       </>
     ),
     [asset, destination, expectedStellarMemo, issueRequest, totalAmount],

src/pages/bridge/Issue/index.tsx

@@ -75,7 +75,7 @@ function Issue(props: IssueProps): JSX.Element {
           operator program, more
           <a
             target="_blank"
-            className="text-accent ml-1"
+            className="text-primary ml-1"
             href="https://pendulum.gitbook.io/pendulum-docs/build/spacewalk-stellar-bridge/operating-a-vault"
             rel="noreferrer"
           >
@@ -85,7 +85,7 @@ function Issue(props: IssueProps): JSX.Element {
         </li>
         <li>
           Estimated time for issuing: In a minute after submitting the Stellar payment to the vault. Contact
-          <a href="https://t.me/pendulum_chain" target="_blank" rel="noreferrer" className="mx-1 text-accent">
+          <a href="https://t.me/pendulum_chain" target="_blank" rel="noreferrer" className="mx-1 text-primary">
             support
           </a>
           if your transaction is still pending after 10 minutes.

src/pages/bridge/TransferDialog.tsx

@@ -320,7 +320,7 @@ export function PendingTransferDialog(props: TransferDialogProps) {
       <div className="mt-4" />
       <div className="text-sm px-5 ">
         Note: Estimated time for issuing is in a minute after submitting the Stellar payment to the vault, contact
-        <a href="https://t.me/pendulum_chain" target="_blank" rel="noreferrer" className="mx-1 text-accent">
+        <a href="https://t.me/pendulum_chain" target="_blank" rel="noreferrer" className="mx-1 text-primary">
           support
         </a>
         if your transaction is still pending after 10 minutes.