fix(ui): list drawer per-page dropdown resets to 10 instead of showing saved limit (#14830)

### What?

The per-page dropdown in ListDrawer always shows 10 on open, even when
the user has previously saved a different preference (e.g., 5). However,
the correct number of items is fetched and displayed, so only the
dropdown UI is wrong.

### Why?

ListDrawer doesn't use URL query params like regular collection pages.
The server correctly uses the saved preference to fetch data and returns
`data.limit`, but `query.limit` is always undefined in the
ListQueryProvider. When PageControls tries to determine the limit, it
falls back to the hardcoded default of 10 because it can't access the
actual limit used by the server.

### How?

Pass `defaultLimit: data?.limit` in the ListQueryProvider context. This
exposes the server's actual limit to PageControls, which then forwards
it to the PerPage component. Now the dropdown displays the correct saved
preference.

Fixes #14760

Author: PatrikKozak

packages/ui/src/providers/ListQuery/index.tsx

@@ -176,6 +176,7 @@ export const ListQueryProvider: React.FC<ListQueryProps> = ({
       value={{
         collectionSlug,
         data,
+        defaultLimit: data?.limit,
         handlePageChange,
         handlePerPageChange,
         handleSearchChange,

test/admin/e2e/list-view/e2e.spec.ts

@@ -1598,6 +1598,52 @@ describe('List View', () => {
 
       expect(firstPageIds).not.toContain(secondPageIds[0])
     })
+
+    test('should persist per-page limit in list drawer', async () => {
+      await payload.delete({
+        collection: listDrawerSlug,
+        where: {},
+      })
+
+      await mapAsync([...Array(20)], async (_, i) => {
+        await payload.create({
+          collection: listDrawerSlug,
+          data: {
+            title: `List Drawer Item ${i + 1}`,
+            description: `Description ${i + 1}`,
+            number: i + 1,
+          },
+        })
+      })
+
+      await page.goto(withListViewUrl.list)
+
+      // Open the list drawer via the "Select posts" button
+      await page.locator('button:has-text("Select posts")').click()
+
+      const listDrawer = page.locator('.list-drawer.drawer--is-open')
+      await expect(listDrawer).toBeVisible()
+
+      await expect(page.locator('.list-drawer .per-page')).toContainText('Per Page: 10')
+      await expect(page.locator('.list-drawer table tbody tr')).toHaveCount(10)
+
+      // Change per-page to 5
+      await page.locator('.list-drawer .per-page .popup-button').click()
+      await page.getByRole('button', { name: '5', exact: true }).click()
+
+      await expect(page.locator('.list-drawer .per-page')).toContainText('Per Page: 5')
+      await expect(page.locator('.list-drawer table tbody tr')).toHaveCount(5)
+
+      await page.locator('.list-drawer .list-drawer__header .close-modal-button').click()
+      await expect(listDrawer).toBeHidden()
+
+      // Reopen the drawer
+      await page.locator('button:has-text("Select posts")').click()
+      await expect(listDrawer).toBeVisible()
+
+      await expect(page.locator('.list-drawer .per-page')).toContainText('Per Page: 5')
+      await expect(page.locator('.list-drawer table tbody tr')).toHaveCount(5)
+    })
   })
 
   // TODO: Troubleshoot flaky suite