Onboard modal style improvements

[kalashshah]

No description provided.

[github-actions]

In the file src/AppLogin.tsx:

• Line 7: ReactGA.pageview('/login'); - It seems that ReactGA is not imported. Please import it from the appropriate package.
• Line 14: const { isActive, connect, wallet } = useAccount(); - useAccount is not imported. Please import it from the appropriate package.
• Line 33: const [loading, setLoading] = useState(true); - It seems that useState is not imported. Please import it from the appropriate package.
• Line 49: let observer: ResizeObserver | undefined; - useState is missing a closing }.
• Line 55: observer?.disconnect(); - observer is not defined, please define it before disconnecting.
• Line 63: setWalletAddress(walletAddress); - walletAddress is not defined, please define it before setting the value.
• Line 67: const initiateReadOnlyMode = () => { - The function name has a typo, it should be initiateReadOnlyModal.
• Line 80: const initiateGuestModa = () => { - The function name has a typo, it should be initiateGuestModal.

In the file src/contexts/AppContext.tsx:

• Line 45: console.log("User Instance in guest mode", userInstance); - A closing parenthesis is missing before console.log.
• Line 60: console.log("Initialising Push Sdk") - A closing parenthesis is missing after the log message.
• Line 71: if (!account || !appConfig?.appEnv) return; - It seems that appConfig is not imported. Please import it from the appropriate package.
• Line 77: if (wallet?.accounts?.length > 0) { - It seems that wallet is not defined. Please define it or remove the condition.

In the file src/index.css:

• Lines 13-14: Missing closing braces for .select__control selector.
• Lines 19-20: Missing closing braces for .basic-single selector.

All other parts of the code look good.