fix: make some img paths absolute to prevent load issues

Author: ThatNerdSquared

src/components/Carousel.astro

@@ -27,10 +27,10 @@ const props = Astro.props;
   <div class="divider" />
   <div class="carousel-buttons">
     <button class="prev-button">
-      <img src="static/icons/carousel-prev-button.svg" />
+      <img src="/static/icons/carousel-prev-button.svg" />
     </button>
     <button class="next-button">
-      <img src="static/icons/carousel-next-button.svg" />
+      <img src="/static/icons/carousel-next-button.svg" />
     </button>
   </div>
 </div>

src/components/sponsorsComponents/WantToSponsorUs.astro

@@ -2,7 +2,7 @@
     <h1 class="title">Want to sponsor us?</h1>
     <p class="intro">Check out our sponsorship package for more information.</p>
 
-    <iframe src="UBC_iGEM_2025_Sponsorship_Package.pdf#zoom=FitH"></iframe>
+    <iframe src="/UBC_iGEM_2025_Sponsorship_Package.pdf#zoom=FitH"></iframe>
 </div>
 
 <style>
@@ -54,4 +54,4 @@
             height: 30rem;
         }
     }
-</style>
+</style>

src/pages/how-we-work.astro

@@ -39,7 +39,7 @@ const subteams = subteamInfo as unknown as Record<string, SubteamInfo>
           <p>{subteam.description}</p>
         </div>
         {subteam.imgs.length !== 0 && (
-          <Carousel imgs={subteam.imgs} imgPrefix={"static/subteam-pics/"}/>
+          <Carousel imgs={subteam.imgs} imgPrefix={"/static/subteam-pics/"}/>
         )}
       </div>
     ))}