Breakdown report.

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

@@ -1,6 +1,6 @@
 import { Row, NavMenu, NavMenuItem, Icon, Text } from '@umami/react-zen';
 import { useMessages, useNavigation } from '@/components/hooks';
-import { Funnel, Lightbulb, Magnet, Money, Network, Path, Tag, Target } from '@/components/icons';
+import { Funnel, Sheet, Magnet, Money, Network, Path, Tag, Target } from '@/components/icons';
 import Link from 'next/link';
 
 export function ReportsNav({ websiteId }: { websiteId: string }) {
@@ -32,6 +32,12 @@ export function ReportsNav({ websiteId }: { websiteId: string }) {
       icon: <Magnet />,
       path: '/retention',
     },
+    {
+      id: 'breakdown',
+      label: formatMessage(labels.breakdown),
+      icon: <Sheet />,
+      path: '/breakdown',
+    },
     {
       id: 'utm',
       label: formatMessage(labels.utm),
@@ -50,12 +56,6 @@ export function ReportsNav({ websiteId }: { websiteId: string }) {
       icon: <Network />,
       path: '/attribution',
     },
-    {
-      id: 'insights',
-      label: formatMessage(labels.insights),
-      icon: <Lightbulb />,
-      path: '/insights',
-    },
   ];
 
   const selected = links.find(({ path }) => path && pathname.endsWith(path))?.id || 'goals';