Enhance error handling in confirmation screens for insufficient funds

- Added specific error messages for insufficient native funds in both `SwapConfirmationScreen` and `TransferConfirmationScreen`.
- Improved user feedback by providing clear titles and messages when transactions cannot be approved or confirmed due to lack of funds for gas.

Author: gregfromstl

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx

@@ -78,6 +78,13 @@ export function SwapConfirmationScreen(props: {
           message: "Your wallet rejected the approval request.",
         };
       }
+      if (error.toLowerCase().includes("insufficient funds for gas")) {
+        return {
+          title: "Insufficient Native Funds",
+          message:
+            "You do not have enough native funds to approve the transaction.",
+        };
+      }
       return {
         title: "Failed to Approve",
         message:
@@ -96,6 +103,13 @@ export function SwapConfirmationScreen(props: {
           message: "Your wallet rejected the confirmation request.",
         };
       }
+      if (error.toLowerCase().includes("insufficient funds for gas")) {
+        return {
+          title: "Insufficient Native Funds",
+          message:
+            "You do not have enough native funds to confirm the transaction.",
+        };
+      }
       return {
         title: "Failed to Confirm",
         message:
@@ -333,6 +347,7 @@ export function SwapConfirmationScreen(props: {
                 } catch (e) {
                   console.error(e);
                   setStatus("error");
+                  setError((e as Error).message);
                 }
               }
             }}

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.tsx

@@ -126,6 +126,13 @@ export function TransferConfirmationScreen(
           message: "Your wallet rejected the approval request.",
         };
       }
+      if (status.error.toLowerCase().includes("insufficient funds for gas")) {
+        return {
+          title: "Insufficient Native Funds",
+          message:
+            "You do not have enough native funds to approve the transaction.",
+        };
+      }
       return {
         title: "Failed to Approve",
         message:
@@ -138,12 +145,23 @@ export function TransferConfirmationScreen(
       status.id === "error" &&
       status.error
     ) {
-      if (status.error.toLowerCase().includes("user rejected")) {
+      if (
+        status.error.toLowerCase().includes("user rejected") ||
+        status.error.toLowerCase().includes("user closed modal") ||
+        status.error.toLowerCase().includes("user denied")
+      ) {
         return {
           title: "Failed to Confirm",
           message: "Your wallet rejected the confirmation request.",
         };
       }
+      if (status.error.toLowerCase().includes("insufficient funds for gas")) {
+        return {
+          title: "Insufficient Native Funds",
+          message:
+            "You do not have enough native funds to confirm the transaction.",
+        };
+      }
       return {
         title: "Failed to Confirm",
         message: