assets: prefix public folder paths with BASE_URL for github pages

Author: userAugustos

src/components/CompaniesLogos.jsx

@@ -1,7 +1,7 @@
 const COMPANY_COUNT = 20;
 const COMPANIES = Array.from({ length: COMPANY_COUNT }, (_, i) => ({
   id: i + 1,
-  src: `/companies/company_${i + 1}.svg`,
+  src: `${import.meta.env.BASE_URL}companies/company_${i + 1}.svg`,
 }));
 
 export default function CompaniesLogos() {

src/components/Nav.jsx

@@ -11,7 +11,7 @@ export function NextonNav({ active = "talent", dark = false }) {
       <div className="nx-nav-inner">
         <TransitionLink to="/talent" className="nx-logo" aria-label="Nexton">
           <img
-            src={dark ? "/Nexton/NextonLogo.svg" : "/Nexton/NextonLogoDark.svg"}
+            src={`${import.meta.env.BASE_URL}Nexton/${dark ? "NextonLogo.svg" : "NextonLogoDark.svg"}`}
             alt="Nexton"
             className="nx-logo-img"
           />
@@ -50,7 +50,7 @@ export function NextonFooter() {
         <div>
           <Link to="/" aria-label="Nexton home">
             <img
-              src="/Nexton/NextonLogo.svg"
+              src={`${import.meta.env.BASE_URL}Nexton/NextonLogo.svg`}
               alt="Nexton Logo"
               loading="lazy"
               className="nx-footer-logo"

src/pages/Companies/components/CaseStudies.jsx

@@ -43,7 +43,7 @@ export default function CaseStudies() {
       <div className="section-inner">
         <div className="c-cases-frame">
           <img
-            src="/team.jpg"
+            src={`${import.meta.env.BASE_URL}team.jpg`}
             alt="The Nexton team"
             className="c-cases-bg"
             loading="lazy"
@@ -67,7 +67,11 @@ export default function CaseStudies() {
                     referrerPolicy="no-referrer"
                     aria-label="Review on Clutch"
                   >
-                    <img src="/clutch.svg" alt="Clutch" className="c-tclutch-img" />
+                    <img
+                      src={`${import.meta.env.BASE_URL}clutch.svg`}
+                      alt="Clutch"
+                      className="c-tclutch-img"
+                    />
                   </a>
                   <span className="c-tclutch-score">4.9</span>
                   <span className="c-tclutch-stars">