refactor: welcome screen

[RaduCristianPopescu]

All Submissions:

• Have you followed the Optimole Contributing guideline?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

Improve welcome screen UX with toggle-able benefits display.

Closes https://github.com/Codeinwp/optimole-service/issues/1528#event-19753237307

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully ran tests with your changes locally?

[Copilot]

Pull Request Overview

This PR refactors the welcome screen to improve UX by making the benefits section collapsible. It adds a toggle button that allows users to show/hide the benefits list, creating a cleaner initial view while still providing access to detailed information.

Key Changes:

• Adds a new translatable string for the benefits toggle button
• Implements a collapsible benefits section with toggle functionality
• Includes keyboard accessibility support for the toggle interaction

Reviewed Changes

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

File	Description
inc/admin.php	Adds new translatable string for the benefits toggle button
assets/src/dashboard/parts/connect/index.js	Implements the collapsible benefits UI with toggle functionality and keyboard support

---

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

[Copilot]

The onKeyPress event is deprecated and doesn't handle all keyboard interactions properly. Use onKeyDown instead for better accessibility support, as it captures key presses more reliably across different browsers and assistive technologies.

[Copilot]

Missing e.preventDefault() and e.stopPropagation() calls when handling the Space key. This can cause the page to scroll when users press Space to activate the toggle button.

Suggested change

	if ( 'Enter' === e.key || ' ' === e.key ) {
	if ( 'Enter' === e.key || ' ' === e.key ) {
	if (e.key === ' ') {
	e.preventDefault();
	e.stopPropagation();
	}

[pirate-bot]

Plugin build for 1ad40a7 is ready 🛎️!

• Download build
• Download dev

[ineagu]

@RaduCristianPopescu can we make a small ui adjustment on the existing user button, also make the background for the login box lighter as in the image.