feat: support React 18; drop support for Paragon v21 in favor of v22

[adamstankiewicz]

BREAKING CHANGE: drops support for @openedx/paragon v21 in favor of v22.

feat: support React 18

---

Fixes Pagination style bug in search:

Merge checklist:

• Evaluate how your changes will impact existing consumers (e.g., frontend-app-learner-portal-enterprise, frontend-app-admin-portal, and frontend-app-enterprise-public-catalog). Will consumers safely be able to upgrade to this change without any breaking changes?
• Ensure your commit message follows the semantic-release conventional commit message format. If your changes include a breaking change, ensure your commit message is explicitly marked as a BREAKING CHANGE so the NPM package is released as such.
• Once CI is passing, verify the package versions that Lerna will increment to in the Github Action CI workflow logs.
  • Note: This may be found in the "Preview Updated Versions (dry run)" step in the Github Action CI workflow logs.

Post merge:

• Follow the release steps in the README documentation. Verify Lerna's release commit (e.g., chore(release): publish new versions) that incremented versions in relevant package.json and CHANGELOG files, and created Git tags for those versions is on master (Important: ensure the Git tags are for the correct commit SHA).
• Run the Publish from package.json Github Action workflow to publish these new package versions to NPM.
  • This may be triggered by clicking the "Run workflow" option for the master branch.
• Verify the new package versions were published to NPM (i.e., npm view <package_name> versions --json).
  • Note: There may be a slight delay between when the workflow finished and when NPM reports the package version as being published. If it doesn't appear right away in the above command, try again in a few minutes.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 78.94%. Comparing base (f48e3e6) to head (6754f05).
Report is 1 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #441      +/-   ##
==========================================
- Coverage   78.99%   78.94%   -0.06%     
==========================================
  Files          37       37              
  Lines         757      755       -2     
  Branches      191      191              
==========================================
- Hits          598      596       -2     
  Misses        146      146              
  Partials       13       13              

Files with missing lines	Coverage Δ
packages/catalog-search/src/SearchPagination.jsx	100.00% <ø> (ø)

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f48e3e6...6754f05. Read the comment docs.

[brobro10000]

1 non blocking nit. Great job

[brobro10000]

[nit/non-blocking] Do we still need to import React. If not is it a good opportunity to stop importing it if we don't need it.

[adamstankiewicz]

Good suggestion, but if I change it here, we should just change it everywhere. I also recall during development where I did try to remove it in a few places while working on the PR, but it complained (at least in tests) that React couldn't be found without it imported. Will defer for separate contribution/fix.

[brobro10000]

🥳

[adamstankiewicz]

[inform] here is the breaking change

[adamstankiewicz]

[inform] addressing Paragon v22 breaking change