Onboarding tweaks to emphasize modes

[brunobergher]

Description

The core of this PR is changing the copy in the onboarding screen to emphasize Modes as a differentiator.
In the process, I cleaned up the UI a bit.
Translations included.

Test Procedure

1. Run the extension with no existing configuration
2. Look at the welcome screen

Type of Change

• 🐛 Bug Fix: Non-breaking change that fixes an issue.
• ✨ New Feature: Non-breaking change that adds functionality.
• 💥 Breaking Change: Fix or feature that would cause existing functionality to not work as expected.
• ♻️ Refactor: Code change that neither fixes a bug nor adds a feature.
• 💅 Style: Changes that do not affect the meaning of the code (white-space, formatting, etc.).
• 📚 Documentation: Updates to documentation files.
• ⚙️ Build/CI: Changes to the build process or CI configuration.
• 🧹 Chore: Other changes that don't modify src or test files.

Pre-Submission Checklist

• Scope: My changes are focused on the linked issue (one major feature/fix per PR).
• Self-Review: I have performed a thorough self-review of my code.
• Code Quality:
  • My code adheres to the project's style guidelines.
  • There are no new linting errors or warnings (npm run lint).
  • All debug code (e.g., console.log) has been removed.
• Testing: doesn't apply imo
• Branch Hygiene: My branch is up-to-date (rebased) with the main branch.
• Documentation Impact: I have considered if my changes require documentation updates (see "Documentation Updates" section below).
• Changeset: A changeset has been created using npm run changeset if this PR includes user-facing changes or dependency updates.
• Contribution Guidelines: I have read and agree to the Contributor Guidelines.

Screenshots / Videos

---

Important

This PR updates the onboarding UI to highlight Modes, improves UI styling, and updates translations across multiple languages.

• UI Changes:
  • Updated RooHero component in RooHero.tsx to simplify the structure by removing unnecessary div wrapper.
  • Enhanced WelcomeView in WelcomeView.tsx with padding adjustments and font styling for better readability.
• Translation Updates:
  • Updated welcome messages and instructions in multiple language files (welcome.json) to emphasize Modes and API key requirements.
  • Added incentives for using specific routers in translations.
• Misc:
  • Removed redundant 'or' text in various language files to streamline the UI.

^{This description was created by for 885ef67ab9148f83a001a7465c2cc91faeada1ba. You can customize this summary. It will automatically update as commits are pushed.}

[mrubens]

Nice! Only thing I noticed is that the hover state for the router buttons is a little intense, in my theme at least. Should we maybe make it a border?

[mrubens]

Looks great!