feat: sort for courses alphabetically

package.json

@@ -50,7 +50,7 @@
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-intl": "^5.25.1",
-    "react-paragon-topaz": "^1.16.0",
+    "react-paragon-topaz": "1.19.1",
     "react-redux": "^7.2.9",
     "react-router": "5.2.1",
     "react-router-dom": "5.3.0",

src/features/Courses/data/thunks.js

@@ -1,5 +1,7 @@
 import { logError } from '@edx/frontend-platform/logging';
 import { camelCaseObject } from '@edx/frontend-platform';
+import { sortAlphabetically } from 'react-paragon-topaz';
+
 import {
   fetchCoursesDataRequest,
   fetchCoursesDataSuccess,
@@ -21,7 +23,9 @@ function fetchCoursesData(id, currentPage, filtersData) {
 
     try {
       const response = camelCaseObject(await getCoursesByInstitution(id, true, currentPage, filtersData));
-      dispatch(fetchCoursesDataSuccess(response.data));
+      const sortedResponse = sortAlphabetically(response.data);
+
+      dispatch(fetchCoursesDataSuccess(sortedResponse));
     } catch (error) {
       dispatch(fetchCoursesDataFailed());
       logError(error);
@@ -35,7 +39,9 @@ function fetchCoursesOptionsData(institutionId, limit = false, page = initialPag
 
     try {
       const response = camelCaseObject(await getCoursesByInstitution(institutionId, limit, page, params));
-      dispatch(updateCoursesOptions(response.data));
+      const sortedResponse = sortAlphabetically(response.data);
+
+      dispatch(updateCoursesOptions(sortedResponse));
     } catch (error) {
       dispatch(fetchCoursesDataFailed());
       logError(error);