[Web] Bump desktop trending/feed loadMorePageSize to 10

The shared default (`TRENDING_LOAD_MORE_PAGE_SIZE` /
`FEED_LOAD_MORE_PAGE_SIZE = 4`) is tuned for mobile viewports and slower
touch scrolling. On desktop a fast trackpad / wheel scroll covers ~2
viewports per second, but each 4-track page only adds ~480px of real
content — so successive load-mores can't keep up and the lineup
visibly lags behind the user even with the synchronous skeleton tail.

Override at the desktop call sites only, leaving the shared constant
(and mobile's behavior) untouched.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: raymondjacobson

packages/web/src/pages/feed-page/components/desktop/FeedPageContent.tsx

@@ -3,12 +3,10 @@ import { useMemo, useRef } from 'react'
 import {
   getFeedQueryKey,
   FEED_INITIAL_PAGE_SIZE,
-  FEED_LOAD_MORE_PAGE_SIZE,
   useCurrentUserId,
   useFeed,
   useForYouFeed,
-  FOR_YOU_INITIAL_PAGE_SIZE,
-  FOR_YOU_LOAD_MORE_PAGE_SIZE
+  FOR_YOU_INITIAL_PAGE_SIZE
 } from '@audius/common/api'
 import { Name, FeedFilter, FeedTab } from '@audius/common/models'
 import {
@@ -56,6 +54,11 @@ const FeedPageContent = ({ containerRef }: FeedPageContentProps) => {
   const feedTab = useSelector(getFeedTab)
   const { data: currentUserId } = useCurrentUserId()
 
+  // Desktop viewports + fast trackpad / wheel scroll need bigger pages than
+  // the shared default (mobile-tuned) so successive load-mores keep up with a
+  // user scrolling deep into the lineup.
+  const desktopLoadMorePageSize = 10
+
   const isForYou = feedTab === FeedTab.FOR_YOU
   const followingFilter = isForYou
     ? FeedFilter.ALL
@@ -67,7 +70,7 @@ const FeedPageContent = ({ containerRef }: FeedPageContentProps) => {
       userId: currentUserId,
       filter: followingFilter,
       initialPageSize: FEED_INITIAL_PAGE_SIZE,
-      loadMorePageSize: FEED_LOAD_MORE_PAGE_SIZE
+      loadMorePageSize: desktopLoadMorePageSize
     }),
     [followingFilter, currentUserId]
   )
@@ -77,7 +80,7 @@ const FeedPageContent = ({ containerRef }: FeedPageContentProps) => {
   const forYouFeed = useForYouFeed(
     {
       initialPageSize: FOR_YOU_INITIAL_PAGE_SIZE,
-      loadMorePageSize: FOR_YOU_LOAD_MORE_PAGE_SIZE
+      loadMorePageSize: desktopLoadMorePageSize
     },
     { enabled: isForYou }
   )
@@ -115,7 +118,7 @@ const FeedPageContent = ({ containerRef }: FeedPageContentProps) => {
         isError: forYouFeed.isError,
         hasNextPage: forYouFeed.hasNextPage,
         loadNextPage: forYouFeed.loadNextPage,
-        pageSize: FOR_YOU_LOAD_MORE_PAGE_SIZE,
+        pageSize: desktopLoadMorePageSize,
         initialPageSize: FOR_YOU_INITIAL_PAGE_SIZE,
         querySource: undefined
       }
@@ -126,7 +129,7 @@ const FeedPageContent = ({ containerRef }: FeedPageContentProps) => {
         isError: followFeed.isError,
         hasNextPage: followFeed.hasNextPage,
         loadNextPage: followFeed.loadNextPage,
-        pageSize: FEED_LOAD_MORE_PAGE_SIZE,
+        pageSize: desktopLoadMorePageSize,
         initialPageSize: FEED_INITIAL_PAGE_SIZE,
         querySource: followQuerySource
       }

packages/web/src/pages/trending-page/components/desktop/TrendingPageContent.tsx

@@ -4,7 +4,6 @@ import {
   getTrendingQueryKey,
   getTrendingUndergroundQueryKey,
   TRENDING_INITIAL_PAGE_SIZE,
-  TRENDING_LOAD_MORE_PAGE_SIZE,
   useTrending,
   useTrendingUnderground
 } from '@audius/common/api'
@@ -106,11 +105,16 @@ const TrendingPageContent = ({ containerRef }: TrendingPageContentProps) => {
   const trendingGenre = useSelector(getTrendingGenre)
   const trendingTimeRange = useSelector(getTrendingTimeRange)
 
+  // Desktop viewports + fast trackpad / wheel scroll need bigger pages than
+  // the shared default (mobile-tuned) so successive load-mores keep up with a
+  // user scrolling deep into the lineup.
+  const desktopLoadMorePageSize = 10
+
   // ----- Three tanquery streams, one per time range -----
   const trendingArgs = useMemo(
     () => ({
       initialPageSize: TRENDING_INITIAL_PAGE_SIZE,
-      loadMorePageSize: TRENDING_LOAD_MORE_PAGE_SIZE,
+      loadMorePageSize: desktopLoadMorePageSize,
       genre: trendingGenre
     }),
     [trendingGenre]
@@ -401,7 +405,7 @@ const TrendingPageContent = ({ containerRef }: TrendingPageContentProps) => {
         isError={q.isError}
         hasNextPage={q.hasNextPage}
         loadNextPage={q.loadNextPage}
-        pageSize={TRENDING_LOAD_MORE_PAGE_SIZE}
+        pageSize={desktopLoadMorePageSize}
         initialPageSize={TRENDING_INITIAL_PAGE_SIZE}
         scrollParent={containerRef?.current ?? null}
         endOfLineupElement={