Sites Dashboard: Add the primary action to open the site panel (Remove "click-on-row" behavior)

[okmttdhr]

Related to #

Proposed Changes

Warning

This PR should be merger after #94238

Why are these changes being made?

Testing Instructions

Pre-merge Checklist

• Has the general commit checklist been followed? (PCYsg-hS-p2)
• Have you written new tests for your changes?
• Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
• Have you checked for TypeScript, React or other console errors?
• Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
• Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
• For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-aUh-p2)?

[github-actions]

Calypso Live (direct link)

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

Jetpack Cloud live (direct link)

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

Automattic for Agencies live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-124624&env=a8c-for-agencies

[matticbot]

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

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

name                   parsed_size           gzip_size
entry-login                 +656 B  (+0.0%)     +133 B  (+0.0%)
entry-domains-landing       +629 B  (+0.1%)     +117 B  (+0.1%)
entry-browsehappy           +629 B  (+0.3%)     +117 B  (+0.2%)
entry-subscriptions         +470 B  (+0.0%)      +62 B  (+0.0%)
entry-stepper               -121 B  (-0.0%)     +324 B  (+0.1%)
entry-main                   -13 B  (-0.0%)     +337 B  (+0.1%)

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

Sections (~2672 bytes added 📈 [gzipped])

name                             parsed_size           gzip_size
sites-dashboard                    -105140 B  (-7.8%)   -31334 B  (-8.3%)
hosting-features                   -104810 B  (-7.5%)   -31287 B  (-7.9%)
site-monitoring                    -104665 B  (-7.2%)   -31019 B  (-7.4%)
site-performance                   -104074 B  (-6.2%)   -31303 B  (-6.5%)
site-logs                          -101334 B  (-6.8%)   -29903 B  (-7.0%)
github-deployments                 -100698 B  (-6.7%)   -29808 B  (-7.1%)
site-marketing                      -98047 B  (-6.3%)   -28997 B  (-6.6%)
hosting                             -81484 B  (-4.4%)   -22478 B  (-4.3%)
staging-site                        -50541 B  (-3.1%)   -15807 B  (-3.5%)
site-tools                          -49863 B  (-2.9%)   -15600 B  (-3.1%)
site-settings                        -9450 B  (-0.7%)    -1221 B  (-0.3%)
settings                             -2042 B  (-0.2%)    +1416 B  (+0.5%)
import                                +749 B  (+0.1%)    -1187 B  (-0.5%)
a8c-for-agencies-marketplace          -351 B  (-0.0%)       +0 B
plans                                 -250 B  (-0.0%)     -620 B  (-0.2%)
domains                               -134 B  (-0.0%)     -196 B  (-0.0%)
jetpack-cloud-plugin-management       -133 B  (-0.0%)      -59 B  (-0.0%)
write-flow                            -103 B  (-0.0%)      -80 B  (-0.0%)
site-profiler                         +103 B  (+0.0%)       +9 B  (+0.0%)
media                                 -103 B  (-0.0%)      -20 B  (-0.0%)
build-flow                            -103 B  (-0.0%)      -80 B  (-0.0%)
a8c-for-agencies-settings             +103 B  (+0.1%)      +41 B  (+0.1%)
a8c-for-agencies-plugins              +103 B  (+0.1%)      +41 B  (+0.1%)
a8c-for-agencies-landing              +103 B  (+0.1%)      +39 B  (+0.1%)
a8c-for-agencies-agency-tier          +103 B  (+0.0%)      +41 B  (+0.1%)
a8c-for-agencies                      -103 B  (-0.1%)      -25 B  (-0.1%)
copy-site-flow                         -81 B  (-0.0%)      -66 B  (-0.0%)
stats                                  -78 B  (-0.0%)       +6 B  (+0.0%)
settings-writing                       -69 B  (-0.0%)       +8 B  (+0.0%)
settings-reading                       -69 B  (-0.0%)      +18 B  (+0.0%)
settings-podcast                       -69 B  (-0.0%)      -43 B  (-0.0%)
settings-performance                   -69 B  (-0.0%)      +92 B  (+0.1%)
settings-newsletter                    -69 B  (-0.0%)      +14 B  (+0.0%)
settings-discussion                    -69 B  (-0.0%)      +55 B  (+0.0%)
people                                 -69 B  (-0.0%)     -111 B  (-0.1%)
marketplace                            -68 B  (-0.0%)     +149 B  (+0.0%)
transferring-hosted-site-flow          -56 B  (-0.1%)      -37 B  (-0.1%)
theme                                  -56 B  (-0.0%)      -29 B  (-0.0%)
start-writing-flow                     -56 B  (-0.2%)      -34 B  (-0.6%)
site-setup-wg                          -56 B  (-0.1%)      -46 B  (-0.2%)
site-setup-flow                        -56 B  (-0.1%)      -46 B  (-0.2%)
site-purchases                         -56 B  (-0.0%)      -18 B  (-0.0%)
site-migration-flow                    -56 B  (-0.1%)      -50 B  (-0.3%)
scan                                   -56 B  (-0.0%)      -37 B  (-0.0%)
readymade-template-flow                -56 B  (-0.0%)      -46 B  (-0.1%)
promote-post-i2                        -56 B  (-0.0%)      -35 B  (-0.0%)
performance-profiler                   -56 B  (-0.0%)      -33 B  (-0.0%)
newsletter-post-setup-flow             -56 B  (-0.0%)      -27 B  (-0.1%)
newsletter-flow                        -56 B  (-0.3%)      -31 B  (-0.6%)
migration-signup                       -56 B  (-0.1%)      -48 B  (-0.6%)
migration-flow                         -56 B  (-0.1%)      -50 B  (-0.4%)
link-in-bio-post-setup-flow            -56 B  (-0.0%)      -27 B  (-0.1%)
jetpack-search                         -56 B  (-0.0%)      -37 B  (-0.0%)
jetpack-cloud-settings                 -56 B  (-0.0%)      -33 B  (-0.0%)
jetpack-cloud-partner-portal           -56 B  (-0.0%)       -2 B  (-0.0%)
jetpack-cloud-overview                 -56 B  (-0.0%)       -1 B  (-0.0%)
jetpack-cloud-manage-pricing           -56 B  (-0.0%)      -29 B  (-0.0%)
jetpack-cloud                          -56 B  (-0.0%)       +1 B  (+0.0%)
import-hosted-site-flow                -56 B  (-0.0%)      -19 B  (-0.0%)
import-flow                            -56 B  (-0.1%)      -51 B  (-0.5%)
hundred-year-plan                      -56 B  (-0.2%)      -33 B  (-0.3%)
hundred-year-domain                    -56 B  (-0.1%)      -31 B  (-0.2%)
hosted-site-migration-flow             -56 B  (-0.1%)      -50 B  (-0.3%)
google-my-business                     -56 B  (-0.0%)      -37 B  (-0.0%)
entrepreneur-flow                      -56 B  (-0.0%)      -53 B  (-0.2%)
design-first-flow                      -56 B  (-0.2%)      -32 B  (-0.5%)
checkout                               -56 B  (-0.0%)     -100 B  (-0.0%)
backup                                 -56 B  (-0.0%)      -33 B  (-0.0%)
assembler-first-flow                   -56 B  (-0.1%)      -44 B  (-0.3%)
ai-assembler-flow                      -56 B  (-0.1%)      -45 B  (-0.3%)
a8c-for-agencies-team                  -56 B  (-0.0%)       -6 B  (-0.0%)
a8c-for-agencies-referrals             -56 B  (-0.0%)       -6 B  (-0.0%)
a8c-for-agencies-purchases             -56 B  (-0.0%)       +0 B
a8c-for-agencies-overview              -56 B  (-0.0%)       -6 B  (-0.0%)
a8c-for-agencies-migrations            -56 B  (-0.0%)       -6 B  (-0.0%)
a8c-for-agencies-client                -56 B  (-0.0%)       -6 B  (-0.0%)
site-blocks                            +52 B  (+0.0%)      -20 B  (-0.0%)
privacy                                +52 B  (+0.0%)      -20 B  (-0.0%)
notification-settings                  +52 B  (+0.0%)      -20 B  (-0.0%)
me                                     +52 B  (+0.0%)      -20 B  (-0.0%)
help                                   +52 B  (+0.0%)      -20 B  (-0.0%)
developer                              +52 B  (+0.0%)      -20 B  (-0.0%)
account-close                          +52 B  (+0.0%)      -20 B  (-0.0%)
account                                +52 B  (+0.0%)      -20 B  (-0.0%)
themes                                 -43 B  (-0.0%)      -29 B  (-0.0%)
reader                                 -43 B  (-0.0%)      -11 B  (-0.0%)
jetpack-cloud-agency-sites-v2          -43 B  (-0.0%)      -19 B  (-0.0%)
a8c-for-agencies-sites                 -43 B  (-0.0%)      -19 B  (-0.0%)
home                                   -38 B  (-0.0%)      -89 B  (-0.0%)
plugins                                -30 B  (-0.0%)      -26 B  (-0.0%)
pages                                  -26 B  (-0.0%)       +9 B  (+0.0%)
gutenberg-editor                       -26 B  (-0.0%)      -71 B  (-0.0%)
email                                  +26 B  (+0.0%)      +64 B  (+0.0%)
update-design-flow                     +22 B  (+0.0%)      -86 B  (-0.0%)
link-in-bio-tld-flow                   -17 B  (-0.0%)     -172 B  (-0.0%)
settings-security                      -13 B  (-0.0%)      +31 B  (+0.0%)
patterns                               +13 B  (+0.0%)      +23 B  (+0.0%)
a8c-for-agencies-signup                +13 B  (+0.0%)      +22 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.

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

name                                                                              parsed_size           gzip_size
async-load-calypso-my-sites-checkout-modal                                             -252 B  (-0.0%)     -305 B  (-0.1%)
async-load-signup-steps-design-picker                                                  -108 B  (-0.2%)      -19 B  (-0.1%)
async-load-signup-steps-domains                                                         +78 B  (+0.0%)      +13 B  (+0.0%)
async-load-signup-steps-subscribe-email                                                 -56 B  (-0.0%)      -40 B  (-0.1%)
async-load-signup-steps-page-picker                                                     -56 B  (-0.0%)     -166 B  (-0.1%)
async-load-signup-steps-initial-intent                                                  -56 B  (-0.1%)      -36 B  (-0.1%)
async-load-signup-steps-courses                                                         -56 B  (-0.2%)      -17 B  (-0.2%)
async-load-purchase-modal-wrapper                                                       -56 B  (-0.0%)      -23 B  (-0.0%)
async-load-my-sites-checkout-purchase-modal-is-eligible-for-one-click-checkou...        -56 B  (-0.0%)      -61 B  (-0.1%)
async-load-masterbar-launchpad-navigator                                                -56 B  (-0.1%)      -38 B  (-0.2%)
async-load-calypso-layout-command-palette                                               -56 B  (-0.0%)      -24 B  (-0.0%)
async-load-calypso-jetpack-cloud-sections-sidebar-navigation-manage-selected-...        -56 B  (-0.0%)       +0 B
async-load-calypso-blocks-jitm-templates-home-task                                      -56 B  (-0.1%)      -30 B  (-0.2%)
async-load-calypso-blocks-editor-checkout-modal                                         -56 B  (-0.0%)      +48 B  (+0.0%)
async-load-automattic-whats-new                                                         -56 B  (-0.2%)      -38 B  (-0.3%)
async-load-signup-steps-website-content                                                 -41 B  (-0.0%)      -12 B  (-0.0%)
async-load-design-blocks                                                                +22 B  (+0.0%)     -228 B  (-0.0%)
async-load-signup-steps-theme-selection                                                 +13 B  (+0.0%)      +16 B  (+0.0%)
async-load-design-playground                                                            +13 B  (+0.0%)      +61 B  (+0.0%)
async-load-comment-block-editor                                                         +13 B  (+0.0%)      +16 B  (+0.0%)
async-load-automattic-global-styles-src-components-global-styles-variations             +13 B  (+0.0%)      +49 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.