fix: use full path in the enrollment failure urls

The enrollment failure URLs were using the React Router's
location.pathname, which omits the basename when the MFE is
deployed in a sub-directory. This commit instead uses the
global.location.pathname (browser location api) to make sure
that the full path including the sub-directory is used.

src/components/course/data/hooks.jsx

@@ -299,9 +299,9 @@ export const useCourseEnrollmentUrl = ({
     () => ({
       next: `${config.LMS_BASE_URL}/courses/${courseRunKey}/course`,
       // Redirect back to the same page with a failure query param
-      failure_url: `${global.location.origin}${location.pathname}?${baseQueryParams.toString()}`,
+      failure_url: `${global.location.origin}${global.location.pathname}?${baseQueryParams.toString()}`,
     }),
-    [config.LMS_BASE_URL, courseRunKey, baseQueryParams, location.pathname],
+    [config.LMS_BASE_URL, courseRunKey, baseQueryParams],
   );
 
   const enrollmentUrl = useMemo(

src/components/course/data/utils.jsx

@@ -793,7 +793,7 @@ export const createEnrollFailureUrl = ({ courseRunKey, location }) => {
   baseQueryParams.set(ENROLLMENT_FAILED_QUERY_PARAM, true);
   baseQueryParams.set(ENROLLMENT_COURSE_RUN_KEY_QUERY_PARAM, courseRunKey);
 
-  return `${global.location.origin}${location.pathname}?${baseQueryParams.toString()}`;
+  return `${global.location.origin}${global.location.pathname}?${baseQueryParams.toString()}`;
 };
 
 export const createEnrollWithLicenseUrl = ({