fix: chain group picker

[petar-omni]

This pull request updates the @stakekit/rainbowkit package version and introduces a fix for wallet selection behavior in both desktop and mobile connection options. The main improvement ensures that the selectedChainGroupId is reset when navigating to the chain group selection step, preventing unintended state persistence.

Version update:

• Bumped the package version from 2.2.7 to 2.2.8 in package.json to reflect the new changes.

State management fixes:

• In DesktopOptions.tsx, added logic to reset selectedChainGroupId when the user navigates to the SelectChainGroup step, ensuring the correct selection state.
• In MobileOptions.tsx, applied the same fix for mobile by resetting selectedChainGroupId when the user is at the SelectChainGroup step.

[Copilot]

Pull Request Overview

This pull request fixes a wallet selection state management issue in the RainbowKit library by resetting the selected chain group when navigating to the chain group selection step, preventing unintended state persistence across navigation.

• Updated package version from 2.2.7 to 2.2.8
• Added state reset logic for both desktop and mobile wallet connection flows
• Ensures selectedChainGroupId is cleared when entering the SelectChainGroup step

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
MobileOptions.tsx	Added conditional logic to reset selectedChainGroupId when entering chain group selection
DesktopOptions.tsx	Added similar state reset logic for desktop wallet connection flow
package.json	Bumped version to reflect the bug fix changes

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

This state update in the component body will cause an infinite re-render loop. The setSelectedChainGroupId(undefined) call will trigger a re-render, which will execute this condition again. Move this logic inside a useEffect hook with appropriate dependencies.

Suggested change

	if (
	walletStep === MobileWalletStep.SelectChainGroup &&
	selectedChainGroupId
	) {
	setSelectedChainGroupId(undefined);
	}
	useEffect(() => {
	if (
	walletStep === MobileWalletStep.SelectChainGroup &&
	selectedChainGroupId
	) {
	setSelectedChainGroupId(undefined);
	}
	}, [walletStep, selectedChainGroupId]);

[Copilot]

This state update in the component body will cause an infinite re-render loop. The setSelectedChainGroupId(undefined) call will trigger a re-render, which will execute this condition again. Move this logic inside a useEffect hook with appropriate dependencies.

Suggested change

	if (walletStep === WalletStep.SelectChainGroup && selectedChainGroupId) {
	setSelectedChainGroupId(undefined);
	}
	useEffect(() => {
	if (walletStep === WalletStep.SelectChainGroup && selectedChainGroupId) {
	setSelectedChainGroupId(undefined);
	}
	}, [walletStep, selectedChainGroupId]);