Add icon on nav sub items

Signed-off-by: Émile Ré <nemile.re@gmail.com>

apps/console/src/components/NavMain.tsx

@@ -108,13 +108,15 @@ export function NavMain() {
                               <SidebarMenuSubButton
                                 asChild
                                 data-active={subItemActive ? "true" : undefined}
-                                className={
-                                  subItemActive
-                                    ? "text-primary"
-                                    : "text-gray-600"
-                                }
                               >
                                 <Link to={subItem.url}>
+                                  <subItem.icon
+                                    className={
+                                      subItemActive
+                                        ? "text-lime-9"
+                                        : "text-lime-6"
+                                    }
+                                  />
                                   <span className="font-medium">
                                     {subItem.title}
                                   </span>

apps/console/src/components/ui/sidebar.tsx

@@ -720,8 +720,8 @@ const SidebarMenuSubButton = React.forwardRef<
       data-size={size}
       data-active={isActive}
       className={cn(
-        "flex h-7 min-w-0 items-center gap-2 overflow-hidden rounded-md px-4 text-sidebar-foreground outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "text-gray-600 flex h-7 min-w-0 items-center gap-2 overflow-hidden rounded-md px-4 outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-primary focus-visible:ring-2 active:bg-sidebar-accent active:text-primary disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
-        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-primary",
         size === "sm" && "text-xs",
         size === "md" && "text-sm",
         "group-data-[collapsible=icon]:hidden",