fix share pages for new screens

src/app/share/[slug]/[[...path]]/ShareNav.tsx

@@ -1,10 +1,10 @@
 import { Button, Column, Icon, Row, ThemeButton } from '@umami/react-zen';
 import { NavMenu } from '@/components/common/NavMenu';
 import { useMessages, useNavigation, useShare } from '@/components/hooks';
-import { AlignEndHorizontal, Clock, Eye, PanelLeft, Sheet, Tag, User } from '@/components/icons';
+import { AlignEndHorizontal, Clock, Eye, PanelLeft, Sheet, Tag, User, Video } from '@/components/icons';
 import { LanguageButton } from '@/components/input/LanguageButton';
 import { PreferencesButton } from '@/components/input/PreferencesButton';
-import { Funnel, Lightning, Magnet, Money, Network, Path, Target } from '@/components/svg';
+import { Funnel, Gauge, Lightning, Magnet, Money, Network, Path, Target } from '@/components/svg';
 import { ShareBranding } from './ShareBranding';
 
 export function ShareNav({
@@ -52,6 +52,12 @@ export function ShareNav({
           icon: <Clock />,
           path: renderPath('/realtime'),
         },
+        {
+          id: 'performance',
+          label: t(labels.performance),
+          icon: <Gauge />,
+          path: renderPath('/performance'),
+        },
         {
           id: 'compare',
           label: t(labels.compare),
@@ -94,6 +100,12 @@ export function ShareNav({
           icon: <Magnet />,
           path: renderPath('/retention'),
         },
+        {
+          id: 'replays',
+          label: t(labels.replays),
+          icon: <Video />,
+          path: renderPath('/replays'),
+        },
       ],
     },
     {

src/app/share/[slug]/[[...path]]/SharePage.tsx

@@ -10,9 +10,11 @@ import { JourneysPage } from '@/app/(main)/websites/[websiteId]/(reports)/journe
 import { RetentionPage } from '@/app/(main)/websites/[websiteId]/(reports)/retention/RetentionPage';
 import { RevenuePage } from '@/app/(main)/websites/[websiteId]/(reports)/revenue/RevenuePage';
 import { UTMPage } from '@/app/(main)/websites/[websiteId]/(reports)/utm/UTMPage';
+import { PerformancePage } from '@/app/(main)/websites/[websiteId]/(reports)/performance/PerformancePage';
 import { ComparePage } from '@/app/(main)/websites/[websiteId]/compare/ComparePage';
 import { EventsPage } from '@/app/(main)/websites/[websiteId]/events/EventsPage';
 import { RealtimePage } from '@/app/(main)/websites/[websiteId]/realtime/RealtimePage';
+import { ReplaysPage } from '@/app/(main)/websites/[websiteId]/replays/ReplaysPage';
 import { SessionsPage } from '@/app/(main)/websites/[websiteId]/sessions/SessionsPage';
 import { WebsiteHeader } from '@/app/(main)/websites/[websiteId]/WebsiteHeader';
 import { WebsitePage } from '@/app/(main)/websites/[websiteId]/WebsitePage';
@@ -33,12 +35,14 @@ const PAGE_COMPONENTS: Record<string, React.ComponentType<{ websiteId: string }>
   events: EventsPage,
   sessions: SessionsPage,
   realtime: RealtimePage,
+  performance: PerformancePage,
   compare: ComparePage,
   breakdown: BreakdownPage,
   goals: GoalsPage,
   funnels: FunnelsPage,
   journeys: JourneysPage,
   retention: RetentionPage,
+  replays: ReplaysPage,
   utm: UTMPage,
   revenue: RevenuePage,
   attribution: AttributionPage,