Add media carousel section to homepage

Display past event photos in an auto-playing carousel between the
"What is Spanglish?" and "Stay Updated" sections. Images are loaded
dynamically from /images/carrousel/ folder with support for jpg, png,
and webp formats.

frontend/src/app/(public)/page.tsx

@@ -1,14 +1,19 @@
 import HeroSection from './components/HeroSection';
 import NextEventSectionWrapper from './components/NextEventSectionWrapper';
 import AboutSection from './components/AboutSection';
+import MediaCarouselSection from './components/MediaCarouselSection';
 import NewsletterSection from './components/NewsletterSection';
+import { getCarouselImages } from '@/lib/carouselImages';
 
 export default function HomePage() {
+  const carouselImages = getCarouselImages();
+
   return (
     <>
       <HeroSection />
       <NextEventSectionWrapper />
       <AboutSection />
+      <MediaCarouselSection images={carouselImages} />
       <NewsletterSection />
     </>
   );