Fix failing tests and lint

app/components/ContentLockup.js

@@ -1,6 +1,7 @@
 "use client";
 
 import Button from "./Button";
+import { getAssetPath } from "../../lib/assetUtils";
 
 const ContentLockup = ({
   title,
@@ -103,7 +104,7 @@ const ContentLockup = ({
               <h1 className={styles.title}>{title}</h1>
               {variant === "hero" && (
                 <img
-                  src="assets/Shapes_1.svg"
+                  src={getAssetPath("assets/Shapes_1.svg")}
                   alt=""
                   className={styles.shape}
                   role="presentation"

app/components/HeaderTab.js

@@ -1,3 +1,5 @@
+import { getAssetPath } from "../../lib/assetUtils";
+
 export default function HeaderTab({
   children,
   className = "",
@@ -15,19 +17,19 @@ export default function HeaderTab({
     >
       {children}
       <img
-        src="assets/Union_xsm.svg"
+        src={getAssetPath("assets/Union_xsm.svg")}
         alt=""
         role="presentation"
         className="absolute -bottom-[3px] -right-[52px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] sm:hidden -z-10"
       />
       <img
-        src="assets/Union_sm_md_lg.svg"
+        src={getAssetPath("assets/Union_sm_md_lg.svg")}
         alt=""
         role="presentation"
         className="absolute -bottom-[3.7px] -right-[53px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] hidden sm:block xl:hidden -z-10"
       />
       <img
-        src="assets/Union_xlg.svg"
+        src={getAssetPath("assets/Union_xlg.svg")}
         alt=""
         role="presentation"
         className="absolute -bottom-[6px] -right-[94px] w-[105px] h-[53px] hidden xl:block -z-10"

app/components/HeroBanner.js

@@ -2,6 +2,7 @@
 
 import ContentLockup from "./ContentLockup";
 import HeroDecor from "./HeroDecor";
+import { getAssetPath } from "../../lib/assetUtils";
 
 const HeroBanner = ({ title, subtitle, description, ctaText, ctaHref }) => {
   return (
@@ -32,7 +33,7 @@ const HeroBanner = ({ title, subtitle, description, ctaText, ctaHref }) => {
           {/* Hero Image Container */}
           <div className="w-full h-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center">
             <img
-              src="assets/HeroImage.png"
+              src={getAssetPath("assets/HeroImage.png")}
               alt="Hero illustration"
               className="w-full h-auto"
             />

app/components/RuleStack.js

@@ -4,6 +4,7 @@ import React from "react";
 import Image from "next/image";
 import RuleCard from "./RuleCard";
 import Button from "./Button";
+import { getAssetPath } from "../../lib/assetUtils";
 
 const RuleStack = ({ className = "" }) => {
   const handleTemplateClick = (templateName) => {
@@ -33,7 +34,7 @@ const RuleStack = ({ className = "" }) => {
           description="Units called Circles have the ability to decide and act on matters in their domains, which their members agree on through a Council."
           icon={
             <Image
-              src="assets/Icon_Sociocracy.svg"
+              src={getAssetPath("assets/Icon_Sociocracy.svg")}
               alt="Sociocracy"
               width={40}
               height={40}
@@ -48,7 +49,7 @@ const RuleStack = ({ className = "" }) => {
           description="Decisions that affect the group collectively should involve participation of all participants."
           icon={
             <Image
-              src="assets/Icon_Consensus.svg"
+              src={getAssetPath("assets/Icon_Consensus.svg")}
               alt="Consensus"
               width={40}
               height={40}
@@ -63,7 +64,7 @@ const RuleStack = ({ className = "" }) => {
           description="An elected board determines policies and organizes their implementation."
           icon={
             <Image
-              src="assets/Icon_ElectedBoard.svg"
+              src={getAssetPath("assets/Icon_ElectedBoard.svg")}
               alt="Elected Board"
               width={40}
               height={40}
@@ -78,7 +79,7 @@ const RuleStack = ({ className = "" }) => {
           description="All participants can propose and vote on proposals for the group."
           icon={
             <Image
-              src="assets/Icon_Petition.svg"
+              src={getAssetPath("assets/Icon_Petition.svg")}
               alt="Petition"
               width={40}
               height={40}