Telos Cloud Login | simpler flow

[Viterbo]

Fixes #753

Note: This PR is included in #759

Description

This PR implements an improved login experience for the Metakeep solution by skipping one step in the authentication flow. The previous prototype required two steps to access the Google Login Button. Now, it has been simplified to direct users straight to the Google Login Button. The main enhancements include:

• Rendering the GoogleOneTap button on the first screen for a more efficient login process.
• Ensuring that once logged in with Google, users are directed to the corresponding chain based on their selection.

Key changes:

• Developed a new LoginButtons Component integrating the GoogleOneTap button and logic for handling the login flow for both EVM and Zero.
• Replaced the existing EVMLoginButtons and ZeroLoginButtons components with the new LoginButtons component for a unified and streamlined interface.

Test Scenarios

• Go to the updated login page.
• Observe the GoogleOneTap button displayed on the first screen.
• Select EVM or Zero
• Log in using Google credentials.

Screenshots

telos-wallet-login--better-flow.webm

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have cleaned up the code in the areas my change touches
• My changes generate no new warnings
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings
• I have removed any unnecessary console messages
• I have included all English text in the translation file and/or created a new issue with the required translations for the currently supported languages
• I have tested for mobile functionality and responsiveness
• I have added appropriate test coverage

[netlify]

✅ Deploy Preview for wallet-staging ready!

Name	Link
🔨 Latest commit	45a6495
🔍 Latest deploy log	https://app.netlify.com/sites/wallet-staging/deploys/65a8d38ac54981000835b5e2
😎 Deploy Preview	https://deploy-preview-757--wallet-staging.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for wallet-develop-mainnet ready!

Name	Link
🔨 Latest commit	45a6495
🔍 Latest deploy log	https://app.netlify.com/sites/wallet-develop-mainnet/deploys/65a8d38ac4e58f00081c7e60
😎 Deploy Preview	https://deploy-preview-757--wallet-develop-mainnet.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.