Add section IDs and smooth scrolling for improved navigation:

- Updated components (`Hero`, `Welcome`, `EventsGrid`, `ImageCarousel`, `Drinks`) to accept optional `id` props and applied them to `<section>` elements.
- Enabled smooth scrolling by adding `scroll-behavior: smooth` to global styles.
- Enhanced dropdown menu: added internal links for section navigation and adjusted styling for improved responsiveness.
- Updated color handling in `ImageCarousel` to use CSS variables for better theme consistency.

src/components/ImageCarousel.astro

@@ -7,10 +7,10 @@ interface Image {
   alt: string;
 }
 
-const { images = [] } = Astro.props as { images: Image[] };
+const { images = [], id } = Astro.props as { images: Image[], id?: string };
 ---
 
-<section class="image-carousel-container">
+<section id={id} class="image-carousel-container">
   <h2 class="section-title">Galerie</h2>
   <div class="image-carousel">
     <button class="nav-button prev-button" aria-label="Previous image">