FIX - paginate home screen apps

frontend/src/utils/pages.test.ts

@@ -1,9 +1,21 @@
 import { describe, expect, it } from 'vitest'
-import { clampPage } from './pages'
+import { clampPage, paginateItems } from './pages'
 describe('page clamping', () => {
   it('keeps pages in range', () => {
     expect(clampPage(-4)).toBe(0)
     expect(clampPage(1)).toBe(1)
     expect(clampPage(9)).toBe(2)
   })
+
+  it('splits overflowing app grids into additional pages', () => {
+    expect(
+      paginateItems(
+        Array.from({ length: 21 }, (_, index) => index),
+        16,
+      ),
+    ).toEqual([
+      Array.from({ length: 16 }, (_, index) => index),
+      [16, 17, 18, 19, 20],
+    ])
+  })
 })

frontend/src/utils/pages.ts

@@ -1,5 +1,14 @@
 export const SPRINGBOARD_PAGE_COUNT = 3
 
+export function paginateItems<T>(items: readonly T[], pageSize: number): T[][] {
+  if (!Number.isInteger(pageSize) || pageSize <= 0) return []
+  const pages: T[][] = []
+  for (let index = 0; index < items.length; index += pageSize) {
+    pages.push(items.slice(index, index + pageSize))
+  }
+  return pages
+}
+
 export function clampPage(
   page: number,
   pageCount = SPRINGBOARD_PAGE_COUNT,