Implement creating future transactions

[ikem-legend]

What was the problem?

This PR resolves #5317

How was it solved?

• Create account nonce sync hook
• Implement future transaction warning

How was it tested?

• Creating multiple transactions and the nonce should increase for subsequent transactions provided the previous ones haven't been signed. Nonce warning should be displayed when transaction nonce is greater than on-chain nonce
• Unit tests

[eniolam1000752]

there would be no need for a call back here since it might impact on memory.

[eniolam1000752]

The present implementation of the nonce caching is scary in the sense that there is no history clean up strategy.

Since for every multi sig transaction a user creates, we are always keeping a record of it at a point a user would have like eg 200 transactions possibly from different accounts on that device and since there is no way a transaction done at index 0 would have a nonce greater than the transaction done at index 100.

I think there should be a sanitisation of this states so as not to fill up local storage space (remember it has a max size of 10mb) since transactions HEX can be quite very lengthy.

[ikem-legend]

The fact that a transaction might most likely be completed on a different device than it was initiated on plays a role in why this can be tricky to solve. However, the fix for clearing all stored nonce can play a role in this

[eniolam1000752]

As a follow up to my above statement this create a history of transactions created, though there is not clean up strategy.

[eniolam1000752]

This can be done in a memo

eg

Suggested change

	const handleLocalNonce = (currentNonce) => {
	const storedNonce = BigInt(currentAccountNonce || 0);
	const localNonce = storedNonce < currentNonce ? currentNonce : storedNonce;
	const localNonceStr = localNonce.toString();
	setNonceByAccount(currentAccountAddress, localNonceStr, 'defaultNonce');
	setAccountNonce(localNonceStr);
	};
	useEffect(() => {
	handleLocalNonce(onChainNonce);
	}, [onChainNonce]);
	const accountNonce = useMemo(() => {
	const storedNonce = BigInt(currentAccountNonce || 0);
	const localNonce = storedNonce < currentNonce ? currentNonce : storedNonce;
	const localNonceStr = localNonce.toString();
	setNonceByAccount(currentAccountAddress, localNonceStr, 'defaultNonce');
	return localNonceStr
	}, [currentAccountNonce, currentAccountAddress, ])