Parvagues and dunbar

feat(cosmicfest): Integrate audio players and enhance UI/UX

Implements a modal for viewing V0 gallery photos and makes further
adjustments to audio player and gallery item styling based on feedback.

Key changes:
- SoundCloud Player: Adjusted to 450x450px and updated CSS for flex layout.
- V0 Gallery Photos:
    - Ensured min-height of 150px is respected (current height 200px).
    - Implemented a modal view:
        - Click on photo opens it in a full-size modal.
        - Modal can be closed with Escape key, overlay click, or close button.
        - Uses Next.js Image for optimized display within the modal.
        - Prevents background scroll when modal is open.
        - Includes accessibility attributes (ARIA, keyboard navigation).

Addresses feedback from previous commit:
- Increases the size of V0 gallery photos by adjusting grid min-width and item height.
- Updates the audio section title to "audio ~ ParVagues" and description as requested.
- Implements a flex layout for the Bandcamp and SoundCloud players:
    - Players are displayed side-by-side on screens wider than 768px.
    - Players stack vertically on screens 768px or narrower.

Integrates Bandcamp and SoundCloud players for the ParVagues live set
into the CosmicFest page.

Key changes:
- Added Bandcamp embed for track-by-track listening.
- Added SoundCloud embed for the continuous mix (downloads enabled).
- Updated "prends la prochaine vague" button to a mailto link.
- Reduced padding and font sizes for lineup tiles for a more compact look.
- Ensured lineup artist names and emojis stay on a single line with responsive font sizing.
- Improved hero section text contrast.
- Enhanced V0 gallery:
    - Improved visibility of alt text for photos.
    - Made entire video items clickable links.
    - Standardized gallery item styling.
- General mobile-first and accessibility improvements.

feat: Add YouTube to ParVagues footer and fix header booking link

- Added YouTube icon and link to the social media section in the ParVagues footer.
- Updated the header booking link to the correct mailto address.

feat: Initial landing page for cosmicfest subsite

- Modifies the focus selectors in `cosmicfest.module.css` to use `:global()` to comply with CSS Modules restrictions.
- This resolves the build failure.

- Creates basic structure for /cosmicfest.
- Implements main landing page with sections for hero, lineup, v0 (previous edition) content, countdown, CTA, and festival off teaser.
- Includes placeholders for images and video content.
- Adds styling for a light theme, reflecting the 'surfers cross techno' vibe with lowercase aesthetic.
- Countdown component implemented.
- Basic responsive design considerations included.

This commit provides fixes for issues identified in your feedback following the initial ParVagues subsite UI/UX enhancements.

Key corrections include:

1.  **Header Rewrite:**
    *   The header component (`ParVaguesHeader.js`) was further refined to ensure a strict single-row layout.
    *   Logo is fixed to the top-left, navigation links are spaced out in the center, and the "Book" button is fixed to the top-right.
    *   Header height and element spacing were adjusted for a thinner appearance.

2.  **"Potentiel / Composition / Performance" Interactivity:**
    *   I verified that the highlighting of the section heading (Potentiel, Composition, Performance) correctly corresponds to the active section and displayed image carousel.
    *   I confirmed that the entire clickable block for each section (title and description) correctly displays a link pointer cursor on hover. (I confirmed no code changes were needed here, the existing implementation was correct).

3.  **Event Page Image Gallery:**
    *   I corrected a critical positioning issue where gallery images were rendering outside the page flow. I added `position: relative` to the gallery container (`galleryGrid`) to properly scope absolutely positioned child elements (masonry items).
    *   I verified that images render as fixed-size cards within the gallery section and that modal functionality (on-click, close button, Esc key) is working as intended.

4.  **Footer Logo Centering Regression:**
    *   The footer logo is now correctly centered within its designated middle column. I added `flex justify-center` to the logo's immediate wrapper `div` to ensure horizontal centering.

These changes address the specific points you raised in the feedback, aiming to deliver the intended UI behavior and visual presentation for the ParVagues subsite.

This commit implements a series of improvements to the ParVagues subsite, addressing issues related to layout, interactivity, and content presentation.

Key changes include:

1.  **Header Redesign:**
    *   Implemented a thinner, single-row fixed header.
    *   Logo positioned top-left, navigation links centered, and "Book" button top-right.
    *   Dynamic title now appears next to the logo on scroll or non-home pages.

2.  **Interactive Section ("Potentiel/Composition/Performance"):**
    *   Added a pointer cursor for section selection.
    *   The active section is now clearly highlighted.
    *   Implemented auto-toggling between sections every 5 seconds, with timer reset on manual click.

3.  **Album Link Sorting:**
    *   Platform links for albums in the "Sorties" section are now consistently ordered: YouTube > Deezer > Spotify > Apple Music > Tidal > Amazon.

4.  **Upcoming Events ("Prochains Événements"):**
    *   Events are now sorted by increasing date (soonest first).
    *   Card styling was reviewed and confirmed to be appropriate.

5.  **Event Page Restructure:**
    *   Improved typography: Event title is H1, countdown timer is a prominent H2, and location is H3.
    *   Enhanced above-the-fold visibility of key event information and teasers.
    *   Revamped image gallery:
        *   Displays all images as fixed-size cards in a masonry layout.
        *   Images open in a modal view on click, with a close button and Esc key dismissal.
        *   Transparent images (PNGs) now have a light background for better visibility in cards and modal.

6.  **Footer Fix:**
    *   Resolved issue where footer content (especially links) could be hidden.
    *   Removed `overflow: hidden` from the footer and adjusted its internal layout (logo size, column structure) to ensure all content is visible.
    *   Confirmed main page flexbox structure correctly pushes the footer to the bottom of the viewport.

These changes collectively improve the visual appeal, usability, and information hierarchy of the ParVagues subsite.

ParVagues overhaul