MPP-4282: (bugfix) removed hardcoded domains in prod

Author: vpremamozilla

frontend/src/apiMocks/mockData.ts

@@ -10,8 +10,9 @@ export const mockIds = ["demo", "empty", "onboarding", "some", "full"] as const;
 
 // This is the same for all mock users, at this time:
 export const mockedRuntimeData: RuntimeData = {
-  FXA_ORIGIN: "https://fxa-mock.com",
-  BASKET_ORIGIN: "https://basket-mock.com",
+  // not sure if this is the mock url we want to use
+  FXA_ORIGIN: "http://localhost/mock/fxa",
+  BASKET_ORIGIN: "http://localhost/mock/basket",
   GOOGLE_ANALYTICS_ID: "UA-123456789-0",
   GA4_MEASUREMENT_ID: "G-YXT33S87LT",
   PERIODICAL_PREMIUM_PRODUCT_ID: "prod_123456789",

frontend/src/pages/_app.page.tsx

@@ -9,8 +9,6 @@ import ReactGa from "react-ga";
 import { getL10n } from "../functions/getL10n";
 import { AddonDataContext, useAddonElementWatcher } from "../hooks/addon";
 import { ReactAriaI18nProvider } from "../components/ReactAriaI18nProvider";
-import { initialiseApiMocks } from "../apiMocks/initialise";
-import { mockIds } from "../apiMocks/mockData";
 import { useIsLoggedIn } from "../hooks/session";
 import { useMetrics } from "../hooks/metrics";
 import {
@@ -60,6 +58,9 @@ function MyApp({ Component, pageProps }: AppProps) {
       return;
     }
     (async () => {
+      const { initialiseApiMocks } = await import("../apiMocks/initialise");
+      const { mockIds } = await import("../apiMocks/mockData");
+
       await initialiseApiMocks();
 
       if (