integrate existing angular site header into Franklin pages

[ramboz]

Some details extracted from https://adobe-dx-support.slack.com/archives/C04JGUPQAPM/p1678460300535519

• Source for the angular app UI rendering seems to be https://www.delta.com/content/www/us/en.headerfooter.json
• page instrumentation likely:

  <script type="text/javascript" src="//content.delta.com/content/dam/delta-applications/comments-complaints/tracker.js"></script>
  <link rel="stylesheet" data-css-include="true" href="//content.delta.com/content/dam/delta-applications/ui-kit/23.2.40/variables.css" type="text/css"/>
  <script type="text/javascript" src="//content.delta.com/content/dam/delta-applications/js/sitewide/v22.8.0/swrcq.min.js"></script>
  <script type="text/javascript" src="//content.delta.com/content/dam/delta-applications/homepage/header/23.2.9/runtime.js" defer></script>
  <script type="text/javascript" src="//content.delta.com/content/dam/delta-applications/homepage/header/23.2.9/polyfills.js"></script>
  <script type="text/javascript" src="//content.delta.com/content/dam/delta-applications/homepage/header/23.2.9/main.js" defer></script>
  <script>var isSLRedirect = true;</script>
  <link rel="stylesheet" type="text/css" href="/content/dam/delta-applications/fresh-air-core/23.2.0/fonts/fresh-air-fonts.css">
  <script type="text/javascript" src="//content.delta.com/content/dam/delta-applications/login-modal/23.2.43/element.js" defer></script>
  <idp-login-modal-profile-selector></idp-login-modal-profile-selector>
  <header-app></header-app>
  <footer-app></footer-app>

[ramboz]

~After various unsuccessful tests, we decided with Delta to rebuild those header/footer as isolated web components that they will ultimately be able to re-use on their website.~ ~Phase 1 will be a minimal implementation~ ~Phase 2 will be closer to feature-parity~

~Currently waiting on feedback from their UI team to define the scope of the minimal implementation~

[ramboz]

Subtasks

• [x] #100
• [x] #101

[ramboz]

Delta team is back to wanting us to integrate their existing header. Still in talks with their IT to get some basic instrumentation working that doesn't trigger CORS, and doesn't have delta.com hardcoded in it

[ramboz]

We have now access to https://st.delta.com/us/en/skymiles/* which is mapped to our https://main--delta--hlxsites.hlx.page/us/en/skymiles/*, and accessible via Adobe VPN. We can use this to get started on the header integration