Add live show player playback and effects

resources/js/guest/router.tsx

@@ -29,6 +29,7 @@ const GalleryPage = React.lazy(() => import('./pages/GalleryPage'));
 const PhotoLightbox = React.lazy(() => import('./pages/PhotoLightbox'));
 const AchievementsPage = React.lazy(() => import('./pages/AchievementsPage'));
 const SlideshowPage = React.lazy(() => import('./pages/SlideshowPage'));
+const LiveShowPlayerPage = React.lazy(() => import('./pages/LiveShowPlayerPage'));
 const SettingsPage = React.lazy(() => import('./pages/SettingsPage'));
 const LegalPage = React.lazy(() => import('./pages/LegalPage'));
 const HelpCenterPage = React.lazy(() => import('./pages/HelpCenterPage'));
@@ -62,6 +63,7 @@ function HomeLayout() {
 export const router = createBrowserRouter([
   { path: '/event', element: <SimpleLayout title="Event"><LandingPage /></SimpleLayout>, errorElement: <RouteErrorElement /> },
   { path: '/share/:slug', element: <SharedPhotoPage />, errorElement: <RouteErrorElement /> },
+  { path: '/show/:token', element: <LiveShowPlayerPage />, errorElement: <RouteErrorElement /> },
   {
     path: '/setup/:token',
     element: <SetupLayout />,