icon improvements

Author: samejr

apps/webapp/app/components/navigation/SideMenu.tsx

@@ -24,10 +24,11 @@ import {
 } from "@heroicons/react/20/solid";
 import { DialogClose } from "@radix-ui/react-dialog";
 import { Form, Link, useFetcher, useNavigation } from "@remix-run/react";
+import { IconChartHistogram } from "@tabler/icons-react";
 import { LayoutGroup, motion } from "framer-motion";
 import { GripVerticalIcon, LineChartIcon } from "lucide-react";
-import { type Ref, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import ReactGridLayout, { useContainerWidth, type Layout } from "react-grid-layout";
+import { type ReactNode, type Ref, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import ReactGridLayout, { type Layout, useContainerWidth } from "react-grid-layout";
 import simplur from "simplur";
 import { ConcurrencyIcon } from "~/assets/icons/ConcurrencyIcon";
 import { DropdownIcon } from "~/assets/icons/DropdownIcon";
@@ -627,7 +628,7 @@ export function SideMenu({
                               name={dashboard.title}
                               icon={
                                 isCollapsed
-                                  ? LineChartIcon
+                                  ? IconChartHistogram
                                   : isLast
                                   ? TreeConnectorEnd
                                   : TreeConnectorBranch

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.custom.$dashboardId/route.tsx

@@ -393,7 +393,7 @@ export default function Page() {
               <MainCenteredContainer className="max-w-md">
                 <InfoPanel
                   icon={IconLayoutDashboardFilled}
-                  iconClassName="text-indigo-500"
+                  iconClassName="text-metrics"
                   panelClassName="max-full"
                   title="Add your first chart"
                   accessory={