Updated icons.

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

@@ -2,6 +2,27 @@ import { Grid, Column } from '@umami/react-zen';
 import { useMessages, useNavigation } from '@/components/hooks';
 import { MetricsExpandedTable } from '@/components/metrics/MetricsExpandedTable';
 import { SideMenu } from '@/components/common/SideMenu';
+import {
+  Link,
+  LogOut,
+  LogIn,
+  Search,
+  Type,
+  ArrowRight,
+  Megaphone,
+  Earth,
+  Globe,
+  Landmark,
+  MapPin,
+  AppWindow,
+  Laptop,
+  Languages,
+  Monitor,
+  Cpu,
+  LightningSvg,
+  LucideCaseSensitive,
+  Tag,
+} from '@/components/icons';
 
 export function WebsiteExpandedView({
   websiteId,
@@ -24,26 +45,31 @@ export function WebsiteExpandedView({
           id: 'path',
           label: formatMessage(labels.path),
           path: updateParams({ view: 'path' }),
+          icon: <Link />,
         },
         {
           id: 'entry',
           label: formatMessage(labels.entry),
           path: updateParams({ view: 'entry' }),
+          icon: <LogIn />,
         },
         {
           id: 'exit',
           label: formatMessage(labels.exit),
           path: updateParams({ view: 'exit' }),
+          icon: <LogOut />,
         },
         {
           id: 'title',
           label: formatMessage(labels.title),
           path: updateParams({ view: 'title' }),
+          icon: <Type />,
         },
         {
           id: 'query',
           label: formatMessage(labels.query),
           path: updateParams({ view: 'query' }),
+          icon: <Search />,
         },
       ],
     },
@@ -54,16 +80,19 @@ export function WebsiteExpandedView({
           id: 'referrer',
           label: formatMessage(labels.referrer),
           path: updateParams({ view: 'referrer' }),
+          icon: <ArrowRight />,
         },
         {
           id: 'channel',
           label: formatMessage(labels.channel),
           path: updateParams({ view: 'channel' }),
+          icon: <Megaphone />,
         },
         {
           id: 'domain',
           label: formatMessage(labels.domain),
           path: updateParams({ view: 'domain' }),
+          icon: <Globe />,
         },
       ],
     },
@@ -74,16 +103,19 @@ export function WebsiteExpandedView({
           id: 'country',
           label: formatMessage(labels.country),
           path: updateParams({ view: 'country' }),
+          icon: <Earth />,
         },
         {
           id: 'region',
           label: formatMessage(labels.region),
           path: updateParams({ view: 'region' }),
+          icon: <MapPin />,
         },
         {
           id: 'city',
           label: formatMessage(labels.city),
           path: updateParams({ view: 'city' }),
+          icon: <Landmark />,
         },
       ],
     },
@@ -94,26 +126,31 @@ export function WebsiteExpandedView({
           id: 'browser',
           label: formatMessage(labels.browser),
           path: updateParams({ view: 'browser' }),
+          icon: <AppWindow />,
         },
         {
           id: 'os',
           label: formatMessage(labels.os),
           path: updateParams({ view: 'os' }),
+          icon: <Cpu />,
         },
         {
           id: 'device',
           label: formatMessage(labels.device),
           path: updateParams({ view: 'device' }),
+          icon: <Laptop />,
         },
         {
           id: 'language',
           label: formatMessage(labels.language),
           path: updateParams({ view: 'language' }),
+          icon: <Languages />,
         },
         {
           id: 'screen',
           label: formatMessage(labels.screen),
           path: updateParams({ view: 'screen' }),
+          icon: <Monitor />,
         },
       ],
     },
@@ -124,16 +161,19 @@ export function WebsiteExpandedView({
           id: 'event',
           label: formatMessage(labels.event),
           path: updateParams({ view: 'event' }),
+          icon: <LightningSvg />,
         },
         {
           id: 'hostname',
           label: formatMessage(labels.hostname),
           path: updateParams({ view: 'hostname' }),
+          icon: <LucideCaseSensitive />,
         },
         {
           id: 'tag',
           label: formatMessage(labels.tag),
           path: updateParams({ view: 'tag' }),
+          icon: <Tag />,
         },
       ],
     },
@@ -142,7 +182,7 @@ export function WebsiteExpandedView({
   return (
     <Grid columns="auto 1fr" gap="6" height="100%" overflow="hidden">
       <Column gap="6" border="right" paddingRight="3">
-        <SideMenu items={items} selectedKey={view} />
+        <SideMenu items={items} selectedKey={view} muteItems={false} />
       </Column>
       <Column overflow="hidden">
         <MetricsExpandedTable