🐛(frontend) fix Enroll now translation

When using an external LMS, the CTA Enroll now on course runs
isn't being translated.

CHANGELOG.md

@@ -12,6 +12,10 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 
 - Switch from setup.cfg to pyproject.toml 
 
+### Fixed
+
+- Fix frontend translation of Enroll now for external LMS backend
+
 ## [2.25.0-beta.1]
 
 ### Added

src/frontend/js/widgets/SyllabusCourseRunsList/components/SyllabusCourseRun/index.tsx

@@ -11,6 +11,11 @@ import CourseRunEnrollment from '../CourseRunEnrollment';
 import CourseProductItem from '../CourseProductItem';
 
 const messages = defineMessages({
+  enroll: {
+    id: 'components.SyllabusCourseRun.enroll',
+    description: 'CTA for users to enroll in the course run for external LMS backend.',
+    defaultMessage: 'Enroll now',
+  },
   enrollment: {
     id: 'components.SyllabusCourseRun.enrollment',
     description: 'Title of the enrollment dates section of an opened course run block',
@@ -84,7 +89,7 @@ const OpenedCourseRun = ({ courseRun }: { courseRun: CourseRun }) => {
         <CourseRunEnrollment courseRun={courseRun} />
       ) : (
         <a className="course-run-enrollment__cta" href={courseRun.resource_link}>
-          {StringHelper.capitalizeFirst(courseRun.state.call_to_action)}
+          <FormattedMessage {...messages.enroll} />
         </a>
       )}
     </>

src/frontend/js/widgets/SyllabusCourseRunsList/index.spec.tsx

@@ -27,7 +27,6 @@ import JoanieApiProvider from 'contexts/JoanieApiContext';
 import { CourseProductRelation } from 'types/Joanie';
 import { CourseLightFactory, CourseProductRelationFactory } from 'utils/test/factories/joanie';
 import { DEFAULT_DATE_FORMAT } from 'hooks/useDateFormat';
-import { StringHelper } from 'utils/StringHelper';
 import { computeStates } from 'utils/CourseRuns';
 import { User } from 'types/User';
 import { Nullable } from 'types/utils';
@@ -138,7 +137,7 @@ describe('<SyllabusCourseRunsList/>', () => {
 
     expect(languagesContainer.nextSibling).toBeNull();
     getByRole(runContainer, 'link', {
-      name: StringHelper.capitalizeFirst(courseRun.state.call_to_action)!,
+      name: 'Enroll now',
     });
   };