Update guest v2 branding and theming

resources/js/guest-v2/screens/SlideshowScreen.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { ChevronLeft, ChevronRight, Pause, Play, Maximize2, Minimize2 } from 'lucide-react';
 import { useEventData } from '../context/EventDataContext';
+import EventLogo from '../components/EventLogo';
 import { fetchGallery, type GalleryPhoto } from '../services/photosApi';
 import { useTranslation } from '@/guest/i18n/useTranslation';
 
@@ -91,9 +92,12 @@ export default function SlideshowScreen() {
   return (
     <div className="relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-black text-white">
       <div className="pointer-events-none absolute inset-x-0 top-0 z-20 flex items-center justify-between px-6 py-4 text-sm">
-        <span className="font-semibold text-white" style={{ fontFamily: 'var(--guest-heading-font)' }}>
-          {event?.name ?? t('galleryPage.hero.eventFallback', 'Event')}
-        </span>
+        <div className="flex items-center gap-2">
+          <EventLogo name={event?.name ?? t('galleryPage.hero.eventFallback', 'Event')} icon={event?.type?.icon ?? null} size="s" />
+          <span className="font-semibold text-white" style={{ fontFamily: 'var(--guest-heading-font)' }}>
+            {event?.name ?? t('galleryPage.hero.eventFallback', 'Event')}
+          </span>
+        </div>
         <span className="rounded-full bg-white/10 px-3 py-1 text-xs font-semibold uppercase tracking-[0.24em] text-white/70">
           {t('galleryPage.title', 'Gallery')}
         </span>