Refactored icons.

src/app/(main)/SideNav.tsx

@@ -1,6 +1,14 @@
 import Link from 'next/link';
 import { Sidebar, SidebarHeader, SidebarSection, SidebarItem } from '@umami/react-zen';
-import { Lucide, Icons } from '@/components/icons';
+import {
+  Copy,
+  Globe,
+  LayoutDashboard,
+  Link as LinkIcon,
+  Logo,
+  Grid2X2,
+  Settings,
+} from '@/components/icons';
 import { useMessages, useNavigation } from '@/components/hooks';
 import useGlobalState from '@/components/hooks/useGlobalState';
 
@@ -13,39 +21,39 @@ export function SideNav(props: any) {
     {
       label: formatMessage(labels.dashboard),
       href: renderTeamUrl('/dashboard'),
-      icon: <Lucide.Copy />,
+      icon: <Copy />,
     },
     {
       label: formatMessage(labels.websites),
       href: renderTeamUrl('/websites'),
-      icon: <Lucide.Globe />,
+      icon: <Globe />,
     },
     {
       label: formatMessage(labels.boards),
       href: renderTeamUrl('/boards'),
-      icon: <Lucide.LayoutDashboard />,
+      icon: <LayoutDashboard />,
     },
     {
       label: formatMessage(labels.links),
       href: renderTeamUrl('/links'),
-      icon: <Lucide.Link />,
+      icon: <LinkIcon />,
     },
     {
       label: formatMessage(labels.pixels),
       href: renderTeamUrl('/pixels'),
-      icon: <Lucide.Grid2X2 />,
+      icon: <Grid2X2 />,
     },
     {
       label: formatMessage(labels.settings),
       href: renderTeamUrl('/settings'),
-      icon: <Lucide.Settings />,
+      icon: <Settings />,
     },
   ].filter(n => n);
 
   return (
     <Sidebar {...props} isCollapsed={isCollapsed} variant="0" showBorder={true}>
       <SidebarSection>
-        <SidebarHeader label="umami" icon={<Icons.Logo />} />
+        <SidebarHeader label="umami" icon={<Logo />} />
       </SidebarSection>
       <SidebarSection>
         {links.map(({ href, label, icon }) => {