New website nav.

src/app/(main)/websites/[websiteId]/(reports)/retention/RetentionPage.tsx

@@ -0,0 +1,22 @@
+'use client';
+import { Column } from '@umami/react-zen';
+import { Retention } from './Retention';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { useDateRange } from '@/components/hooks';
+import { endOfMonth, startOfMonth } from 'date-fns';
+
+export function RetentionPage({ websiteId }: { websiteId: string }) {
+  const {
+    dateRange: { startDate },
+  } = useDateRange(websiteId, { ignoreOffset: true });
+
+  const monthStartDate = startOfMonth(startDate);
+  const monthEndDate = endOfMonth(startDate);
+
+  return (
+    <Column gap>
+      <WebsiteControls websiteId={websiteId} allowDateFilter={false} allowMonthFilter />
+      <Retention websiteId={websiteId} startDate={monthStartDate} endDate={monthEndDate} />
+    </Column>
+  );
+}