re-apply "change add a menu link to point to the top level of customier"

[roo2]

#54583 was deployed and then reverted when I found that the customizer guides were broken. Now that they are fixed, this diff re-applies the original change #54583

[github-actions]

Link to Calypso live: https://calypso.live?image=registry.a8c.com/calypso/app:build-14197
Link to Jetpack Cloud live: https://calypso.live?image=registry.a8c.com/calypso/app:build-14197&env=jetpack

[matticbot]

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

Sections (~60 bytes removed 📉 [gzipped])

name                  parsed_size           gzip_size
home                       -449 B  (-0.1%)     -109 B  (-0.1%)
customize                  -159 B  (-0.1%)      -14 B  (-0.0%)
themes                      +18 B  (+0.0%)       +7 B  (+0.0%)
theme                       +18 B  (+0.0%)       +7 B  (+0.0%)
settings-writing            +18 B  (+0.0%)      +10 B  (+0.0%)
settings-performance        +18 B  (+0.0%)       +8 B  (+0.0%)
settings                    +18 B  (+0.0%)       +5 B  (+0.0%)
plans                       +18 B  (+0.0%)       +7 B  (+0.0%)
gutenberg-editor            +18 B  (+0.0%)       +8 B  (+0.0%)
earn                        +18 B  (+0.0%)       +9 B  (+0.0%)
checkout                    +18 B  (+0.0%)       +9 B  (+0.0%)

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

Async-loaded Components (~25 bytes added 📈 [gzipped])

name                                                 parsed_size           gzip_size
async-load-calypso-my-sites-sidebar                        +18 B  (+0.0%)       +9 B  (+0.0%)
async-load-calypso-components-web-preview-component        +18 B  (+0.0%)      +10 B  (+0.0%)
async-load-calypso-blocks-inline-help-popover              +18 B  (+0.0%)       +6 B  (+0.0%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

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.

[p-jackson]

Ah much better.

[enejb]

On mobile web
this is what I see when I click on the Add a menu.

Can we move the tour so that we show the button that we want the user to tap?

[p-jackson]

Yes definitely, it seems like there should be a mobile layout rule that makes sure we don't obscure the button. Seems like a good gardening sort of task. Could you add an issue?

[p-jackson]

Nevermind, just saw D69585-code