fix dependencies after repo renaming

Author: ThomasKranitsas

README.md

@@ -33,10 +33,10 @@ Inside the project folder run:
 - `nvm use 10.22.1;` - to use npm version: 10.22.1
 - `npm i` - install dependencies
 - `npm run dev` - run app in `development` mode and `dev` config, currently it is using the config from `default.js`
-- As this app can be loaded only inside a frame single-spa, you have to run a `micro-frontends-frame` frame app and configure it to use the URL `http://localhost:8008/earn-app/topcoder-micro-frontends-earn-app.js`.
+- As this app can be loaded only inside a frame single-spa, you have to run a `mfe-core` frame app and configure it to use the URL `http://localhost:8008/earn-app/topcoder-micro-frontends-earn-app.js`.
 
 ## Local Setup for adding a new MFE
-1. The setup is assuming you have setup the `micro-frontends-frame` and `micro-frontends-nav-app`. And this is also assuming your have a new MFE named `another-app` and your local url is `http://localhost:8099/another-app/topcoder-micro-frontends-another-app.js`
+1. The setup is assuming you have setup the `mfe-core` and `micro-frontends-nav-app`. And this is also assuming your have a new MFE named `another-app` and your local url is `http://localhost:8099/another-app/topcoder-micro-frontends-another-app.js`
 
 2. You have launched existing `micro-frontends-challenges-app` and `micro-frontends-gigs-app` in your local envrionment.
 

src/App.jsx

@@ -3,7 +3,7 @@
  */
 import React, { useLayoutEffect, useEffect, useRef } from "react";
 import { Router, useLocation, Redirect } from "@reach/router";
-import { disableSidebarForRoute } from "@topcoder/micro-frontends-navbar-app";
+import { disableSidebarForRoute } from "@topcoder/mfe-header";
 import _ from "lodash";
 import { usePreviousLocation } from "./utils/hooks";
 import Parcel from "single-spa-react/parcel";

src/utils/auth.js

@@ -1,5 +1,5 @@
 import _ from "lodash";
-import { getAuthUserTokens, login } from "@topcoder/micro-frontends-navbar-app";
+import { getAuthUserTokens, login } from "@topcoder/mfe-header";
 
 export async function isLoggedIn() {
   const { tokenV3, tokenV2 } = await getAuthUserTokens();

webpack.config.js

@@ -36,7 +36,7 @@ module.exports = (webpackConfigEnv) => {
     // we have to list here all the microapps which we would like to use in imports
     // so webpack doesn't tries to import them
     externals: {
-      "@topcoder/micro-frontends-navbar-app": "@topcoder/micro-frontends-navbar-app",
+      "@topcoder/mfe-header": "@topcoder/mfe-header",
       "react": "react",
       "react-dom": "react-dom",
     },