fix(rtl): mirror new user tour modal background

Mirrors the background image used in the new user tour modal
as it obstructs the readability of the modal title when in RTL

Author: ARMBouhali

src/index.scss

@@ -376,6 +376,7 @@
 @import "course-home/progress-tab/course-completion/CompletionDonutChart.scss";
 @import "course-home/progress-tab/grades/course-grade/GradeBar.scss";
 @import "courseware/course/course-exit/CourseRecommendations";
+@import "product-tours/newUserCourseHomeTour/NewUserCourseHomeTourModal.scss";
 
 /** [MM-P2P] Experiment */
 @import "experiments/mm-p2p/index.scss";

src/product-tours/newUserCourseHomeTour/NewUserCourseHomeTourModal.jsx

@@ -19,6 +19,7 @@ function NewUserCourseHomeTourModal({
     <MarketingModal
       isOpen={isOpen}
       title="New user course home prompt"
+      className="new-user-tour-dialog"
       heroIsDark
       hasCloseButton={false}
       heroNode={(

src/product-tours/newUserCourseHomeTour/NewUserCourseHomeTourModal.scss

@@ -0,0 +1,3 @@
+[dir="rtl"] .new-user-tour-dialog .pgn__modal-hero .pgn__modal-hero-bg {
+    transform: scaleX(-1);
+}