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.

next/components/ParVaguesFooter.js

 import React from 'react';
 import Link from 'next/link';
 import Image from 'next/image';
-import { FaEnvelope, FaInstagram, FaTwitter } from 'react-icons/fa';
+import { FaEnvelope, FaInstagram, FaTwitter, FaYoutube } from 'react-icons/fa';
 import { SiMastodon, SiBluesky } from 'react-icons/si';
 import styles from '@/styles/parvagues.module.css';
 
@@ -11,7 +11,8 @@ export default function ParVaguesFooter() {
     { icon: <SiMastodon />, label: 'mastodon', url: 'https://chaos.social/@PixelNoir' },
     { icon: <FaTwitter />, label: 'twitter', url: 'https://x.com/ParVagues' },
     { icon: <SiBluesky />, label: 'bluesky', url: '#' },
-    { icon: <FaInstagram />, label: 'instagram', url: 'https://instagram.com/parvagues.mp3' }
+    { icon: <FaInstagram />, label: 'instagram', url: 'https://instagram.com/parvagues.mp3' },
+    { icon: <FaYoutube />, label: 'youtube', url: 'https://www.youtube.com/@parvagues' }
   ];
 
   const year = new Date().getFullYear();

next/components/ParVaguesHeader.js

@@ -78,13 +78,13 @@ export default function ParVaguesHeader({ eventName = null, title = null }) {
             </nav>
             
             {/* CTA button */}
-            <Link 
-              href="/book"
+            <a
+              href="mailto:parvagues@nech.pl?subject=Booking%20Request"
               className={`${styles.outlineButton} py-2 px-4 text-sm flex items-center whitespace-nowrap`}
             >
               <FaEnvelope className="mr-2 flex-shrink-0" />
               <span>Book</span>
-            </Link>
+            </a>
           </div>
         </div>
       </div>