fix(component-header-footer): point all images to public folder

Should use Vite public folder for static assets instead of nested assets folders

Author: davidornelas11

packages/component-header-footer/src/footer/assets/images/endorsedLogo.png

@@ -2,7 +2,7 @@
 import React from "react";
 
 import { trackGAEvent } from "../../../../../../shared";
-import innovationLogo from "../../assets/images/innovationLogo.png";
+import innovationLogo from "../../../../public/assets/images/innovationLogo.png";
 import { FOOTER_URLS } from "../../core/constants";
 
 const DEFAULT_GA_EVENT = {

packages/component-header-footer/src/footer/assets/images/innovationLogo.png

@@ -11,12 +11,8 @@ import PropTypes, { shape } from "prop-types";
 import React from "react";
 
 import { trackGAEvent } from "../../../../../../shared";
-import { getCurrentScriptPath } from "../../../../../../shared/utils";
-
-// @ts-ignore
-
-const currentScriptPath = getCurrentScriptPath();
-const endorsedLogo = `${currentScriptPath}assets/images/endorsedLogo.png`;
+// @ts-expect-error
+import endorsedLogo from "../../../../public/assets/images/endorsedLogo.png";
 
 const DEFAULT_GA_EVENT = {
   type: "external link",

packages/component-header-footer/src/footer/components/Innovation/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 
-// eslint-disable-next-line import/no-unresolved
-import endorsedLogo from "./assets/images/endorsedLogo.png";
+import endorsedLogo from "../../public/assets/images/endorsedLogo.png";
 import { ASUFooter } from "./footer";
 
 export default {