only update header/footer on prod domain

src/components/SiteFooter/SiteFooter.svelte

@@ -23,6 +23,9 @@
   let data = starterData;
 
   onMount(async () => {
+    if (new URL(document.location.href).origin !== 'https://www.reuters.com') {
+      return;
+    }
     try {
       const response = await fetch(
         'https://www.reuters.com/site-api/footer/?' +
@@ -58,7 +61,6 @@
   </div>
 </footer>
 
-<!-- svelte-ignore css-unused-selector -->
 <style lang="scss">
   footer {
     margin-top: 0;
@@ -67,13 +69,11 @@
       max-width: 1400px;
       margin: 0 auto;
     }
-    :global {
-      a {
-        text-decoration: none;
-        &:hover {
-          text-decoration: underline;
-        }
-      }
+    :global(a) {
+      text-decoration: none;
+    }
+    :global(a:hover) {
+      text-decoration: underline;
     }
   }
 </style>

src/components/SiteHeader/SiteHeader.svelte

@@ -17,6 +17,10 @@
   let isMobileMenuOpen = false;
 
   onMount(async () => {
+    // Only fire on prod...
+    if (new URL(document.location.href).origin !== 'https://www.reuters.com') {
+      return;
+    }
     try {
       const response = await fetch(
         'https://www.reuters.com/site-api/header/?' +