Removing duplicated footer from iframes

[fellyph]

Description

In the current solution, the footer gets duplicated when third-party content is loaded in an iframe, breaking the expected design. This pull request contains a script to hide the footer when the page is loaded from an iframe.

Relevant Technical Choices

The inline Javascript was a solution that could be reproduced locally, probably with multiple domains; it could be solved with Express JS checking request.headers.referer.

Testing Instructions

1. Clone the repository and checkout the feature/removing-duplicated-footer-from-iframes branch containing these changes.
2. Please make sure you have Node.js and npm installed.
3. Run npm install to install all dependencies.
4. Set up the .env file.
5. Start the server using npm start.
6. You can navigate to the demos "e-commerce" or "payment gateway"
7. Check if the footer is displayed only in the main content

Screenshots

e-commerce scenario before

e-commerce scenario after