[CYS on core] Introduce the Transitional page, i2

[nefeline]

Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

Implement the new transitional page for the Customize Your Store flow, including the following updates:

• Updated subheading copy.
• Updated copy for the "View store" button
• Remove the store preview frame.
• Updated the Actions section with a new "Add your products" item to create a better connection with product editing.
• Added icons to each one of the sections

Before	After

Before (mobile view)	After (mobile view)

Closes #45539
Closes #45511

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Make sure you have the WooCommerce Beta Tester plugin installed and activated
2. Under Tools > WCA Test Helper > Features, make sure customize-store is enabled
3. Under Tools > WCA Test Helper > Tools, click on Reset Customize Your Store and Delete all products
4. Head over to WooCommerce > Home > Customize your store
5. Click on "Start designing" and proceed to the Pattern Assembler
6. Click on Done
7. Make sure that you land on the following transitional page:

8. Make sure all links on the page work as expected. The new "Go to products" link should lead you to the products list wp-admin/edit.php?post_type=product:

9. Make sure the "Share feedback" and the "View store" buttons work as expected
10. Make sure you can visualize the following while on mobile view:

Changelog entry

• Automatically create a changelog entry from the details below.

Significance

• Patch
• Minor
• Major

Type

• Fix - Fixes an existing bug
• Add - Adds functionality
• Update - Update existing functionality
• Dev - Development related task
• Tweak - A minor adjustment to the codebase
• Performance - Address performance issues
• Enhancement - Improvement to existing functionality

Message

Introduce the new Transitional page to the customize your store.

Comment

[github-actions]

Test Results Summary

Commit SHA: 23ef0bc

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	259	0	0	2	0	261	0m 38s
E2E Tests	275	0	0	77	0	352	6m 7s

---

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

[github-actions]

Hi @albarin, @danielwrobert, @gigitux, @tjcafferkey,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

[albarin]

There are some tests relying on this string that are failing, they are expecting the old Preview store string.

[nefeline]

Good call! Tests updated & also took the opportunity to add a new one :) : c103c11

[albarin]

This is looking great!

Just left a comment about some failing tests, but pre-approving!