Refactor client/me to use import/order

[scinos]

Background

See #54448

Changes proposed in this Pull Request

Migrate client/me to use import/order

Testing instructions

N/A

Note: there are quite a few eslint failures but none of them should be related to the import/order rule

[github-actions]

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

[matticbot]

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

Sections (~21 bytes added 📈 [gzipped])

name                   parsed_size           gzip_size
purchases                   -102 B  (-0.0%)       +9 B  (+0.0%)
security                     -45 B  (-0.0%)      +25 B  (+0.0%)
site-purchases               -24 B  (-0.0%)      -62 B  (-0.0%)
help                         +21 B  (+0.0%)      -23 B  (-0.0%)
me                           +18 B  (+0.0%)      -12 B  (-0.0%)
concierge                    -17 B  (-0.0%)      +24 B  (+0.0%)
account                      +17 B  (+0.0%)      -16 B  (-0.0%)
privacy                      +14 B  (+0.0%)      -16 B  (-0.0%)
notification-settings        -12 B  (-0.0%)       -3 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.

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.

[jsnajdr]

👍