FSE: Add TT2 to design picker

[zaguiini]

Closes #58663.

Changes proposed in this Pull Request

We're finally adding TT2 to the design picker on FSE site creation flows! 🎉

Testing instructions

Sandbox yourself.

• Create a site through Gutenboarding (/new).

You should be able to pick Twenty Twenty-Two from the Design Picker.

• Create a site through onboarding (/start)

You should be able to pick Twenty Twenty-Two from the Design Picker.

Screenshots

Gutenboarding /new	Onboarding /start

[github-actions]

Calypso Live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-25833

Jetpack Cloud live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-25833&env=jetpack

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~162 bytes added 📈 [gzipped])

name                 parsed_size           gzip_size
entry-gutenboarding      +1485 B  (+0.1%)     +162 B  (+0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~112 bytes added 📈 [gzipped])

name             parsed_size           gzip_size
signup               +1485 B  (+0.3%)     +112 B  (+0.2%)
jetpack-connect      +1485 B  (+0.2%)     +112 B  (+0.0%)
accept-invite        +1485 B  (+0.5%)     +112 B  (+0.1%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.