Frontend: Courses — connect courses list to real API

[teslims2]

PR: Courses API fetch + filtering + pagination

Summary

Replace hardcoded /courses content with API-backed listing:

• GET /courses with search, level, page, and limit
• Replaces mock array in apps/frontend/src/app/courses/page.tsx
• Adds URL query sync and router push to maintain state
• Adds search input and level filter dropdown
• Adds pagination (Previous / Next) and page state
• Shows loading skeleton while fetching
• Shows empty state when no courses match

Implementation details

• apps/frontend/src/app/courses/page.tsx (client component with SWR)
• apps/frontend/src/app/[locale]/courses/page.tsx reuses the same component
• apps/frontend/src/__tests__/pages/CoursesPage.test.tsx ensures API behavior and filtering
• apps/frontend/src/__tests__/mocks/handlers.ts added a dynamic handler for /courses query paths
• apps/frontend/package.json added dependency swr

Notes

• Branch pushed to courses-api-fetch.
• PR URL:
  • https://github.com/teslims2/Brain-Storm/pull/new/courses-api-fetch

Verifications

• get_errors shows no errors in changed files
• (Local test run not executed due environment dependency state; run npm test or needed install when available.)

Closes #36

[drips-wave]

@teslims2 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits