Dashboard: Fix token not added to UB on launch success (#7931)

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on improving the handling of the `contractAddress` state in the `LaunchTokenStatus` component by using a `ref` to avoid stale closures and ensure the latest address is used during execution.

### Detailed summary
- Added `useCallback` and `useRef` imports.
- Replaced the state setter for `contractAddress` with a callback to update a `ref`.
- Updated the condition to check `contractAddressRef.current` instead of `contractAddress` when launching.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- Bug Fixes
  - Improved reliability of the token launch flow so the final confirmation consistently uses the latest deployed contract address.
  - Prevents rare cases where an outdated address could be shown or used after deployment, reducing intermittent post-launch errors.
  - Fix applies to ERC20 and Drop ERC20 deployments; no visible UI changes, just more consistent launches and confirmations.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: MananTank

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/token/launch/launch-token.tsx

@@ -5,7 +5,7 @@ import {
   ImageOffIcon,
 } from "lucide-react";
 import Link from "next/link";
-import { useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import type { ThirdwebClient } from "thirdweb";
 import { useActiveWallet } from "thirdweb/react";
 import {
@@ -68,7 +68,16 @@ export function LaunchTokenStatus(props: {
   const { createTokenFunctions } = props;
   const [steps, setSteps] = useState<MultiStepState<StepId>[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [contractAddress, setContractAddress] = useState<string | null>(null);
+  const [contractAddress, _setContractAddress] = useState<string | null>(null);
+
+  // needed to add a ref to avoid `executeSteps` using the stale value of state `contractAddress` because of closure
+  const contractAddressRef = useRef<string | null>(null);
+
+  const setContractAddress = useCallback((address: string) => {
+    _setContractAddress(address);
+    contractAddressRef.current = address;
+  }, []);
+
   const activeWallet = useActiveWallet();
   const walletRequiresApproval = activeWallet?.id !== "inApp";
 
@@ -241,10 +250,10 @@ export function LaunchTokenStatus(props: {
           : "ERC20Asset",
     });
 
-    if (contractAddress) {
+    if (contractAddressRef.current) {
       props.onLaunchSuccess({
         chainId: Number(formValues.chain),
-        contractAddress,
+        contractAddress: contractAddressRef.current,
       });
     }
   }