Set page size to 30 for the course query for programs in the org dash (#2494)

Author: jkachel

frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/test-utils.ts

@@ -154,13 +154,21 @@ const setupProgramsAndCourses = () => {
     { results: [programB] },
   )
   setMockResponse.get(
-    urls.courses.coursesList({ id: programA.courses, org_id: orgX.id }),
+    urls.courses.coursesList({
+      id: programA.courses,
+      org_id: orgX.id,
+      page_size: 30,
+    }),
     {
       results: coursesA.results,
     },
   )
   setMockResponse.get(
-    urls.courses.coursesList({ id: programB.courses, org_id: orgX.id }),
+    urls.courses.coursesList({
+      id: programB.courses,
+      org_id: orgX.id,
+      page_size: 30,
+    }),
     {
       results: coursesB.results,
     },
@@ -262,6 +270,7 @@ function setupOrgDashboardMocks(
       mitxonline.urls.courses.coursesList({
         id: program.courses,
         org_id: org.id,
+        page_size: 30,
       }),
       { results: courses },
     )

frontends/main/src/app-pages/DashboardPage/OrganizationContent.tsx

@@ -250,7 +250,11 @@ const OrgProgramDisplay: React.FC<{
   )
   const hasValidCertificate = !!programEnrollment?.certificate
   const courses = useQuery(
-    coursesQueries.coursesList({ id: program.courseIds, org_id: orgId }),
+    coursesQueries.coursesList({
+      id: program.courseIds,
+      org_id: orgId,
+      page_size: 30,
+    }),
   )
   const skeleton = (
     <Skeleton width="100%" height="65px" style={{ marginBottom: "16px" }} />