QZ-509 QZ-482 Specific queries to get first N latest and popular articles

[itjhai-qz]

Fixes/resolves:

• QZ-509
• QZ-482

This PR adds two new queries to get first N latest and popular articles with @connection(key: "<key>") directive set which tells the Apollo client in consuming apps to use <key> as part of the cache keys. This prevents the result of these two queries to overwrites or being overwritten by other unrelated queries.

• FirstFeedConcentByRecency
  This query follows the response structure of LatestFeedContent and has any pagination-related parameters (after, perPage) removed.

• FirstPopularArticles
  This query follows the response structure of PopularArticles and has any pagination-related parameters (after, perPage) removed.

Notes:

• Documentation for @connection directive: https://www.apollographql.com/docs/react/pagination/key-args/#the-connection-directive
• There's a known issue with the @connection directive being ignored when used in conjunction with the keyArgs config, which is fixed in apollo client v3.5. For the FirstPopularArticles to work, we also need to update apollo client in Quartz/qz-react to that version.

[linear]

QZ-509 Cache conflict issue on latest stories module on homepage

Steps to reproduce:

1. Visit https://qz.com/ → the "Latest stories" module shows 10 stories.
2. Visit https://qz.com/latest/ and click "Load more" → the page will show 20 latest stories.
3. Go back to the homepage, now the "Latest stories" module shows 20 latest stories instead of 10 that is expected. The same issue happens on the "Latest" flyout on the top nav.

Expected behavior:

1. The "Latest stories" module and the "Latest" flyout on the top nav should not share the graphql result cache with the page https://qz.com/latest/. They should only show the original 10 stories.

[linear]

QZ-482 Global Homepage - new module (popular stories)

We need to create a new module for Popular stories on the right rail.

The designs are here https://www.figma.com/file/qfpPKmRp1m8vm1pAZWFD8i/Home

[adamhooper]

Awesome sleuthing and solution :)