fix: update iframe static stylesheet

[ztraboo]

Resolution

EdX Changes Needed
openedx#1056

Error

about:srcdoc:1 Refused to apply style from 'https://apps.chooseaerospace.maple3.ew-dev.com/src/course-home/outline-tab/LmsHtmlFragment.css' because its MIME type ('application/xml') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

This error occurs because it cannot resolve the path. https://apps.chooseaerospace.maple3.ew-dev.com/ points to Cloudfront distribution (ID: E2GD04LD50Q7ZC, Domain Name: d2gft0eoukrnma.cloudfront.net) which has origin S3 bucket of educateworkforce-mfe-chooseaerospace-staging.s3.us-east-1.amazonaws.com. This S3 bucket has folders for each MFE (ie. /account/, /course-authoring/, /learning/, etc). and therefore needs those directories in the path to the CSS stylesheet that the app is trying to find (ie. https://apps.chooseaerospace.maple3.ew-dev.com/learning/.css)..)

The highlighted path would resolve to something like https://apps.chooseaerospace.maple3.ew-dev.com/src/course-home/outline-tab/LmsHtmlFragment.css which is not found in the S3 bucket directory. In fact the only CSS file found there is the npm build version https://educateworkforce-mfe-staging.s3.amazonaws.com/learning/app.6d7430f099cb09acda65.css

Need to consider how to rework the LmsHtmlFragment.jsx CSS include statement because it's being used in an <iframe> header link.

[ztraboo]

Ignoring build issues for now with this change.