NIcer icons for add chart or text

Author: samejr

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

@@ -2,7 +2,7 @@ import { ArrowUpCircleIcon, PlusIcon, TrashIcon } from "@heroicons/react/20/soli
 import { DialogClose } from "@radix-ui/react-dialog";
 import { type ActionFunctionArgs, type LoaderFunctionArgs } from "@remix-run/node";
 import { Form, useNavigation } from "@remix-run/react";
-import { IconChartHistogram, IconEdit } from "@tabler/icons-react";
+import { IconChartHistogram, IconEdit, IconTypography } from "@tabler/icons-react";
 import { useCallback, useEffect, useState } from "react";
 import { typedjson, useTypedLoaderData } from "remix-typedjson";
 import { toast } from "sonner";
@@ -57,6 +57,7 @@ import {
 } from "~/utils/pathBuilder";
 import { MetricDashboard } from "../_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.$dashboardKey/route";
 import { useCurrentPlan } from "../_app.orgs.$organizationSlug/route";
+import { Type } from "lucide-react";
 
 const ParamSchema = EnvironmentParamSchema.extend({
   dashboardId: z.string(),
@@ -389,7 +390,9 @@ export default function Page() {
                 </Dialog>
                 <Button
                   variant="secondary/small"
-                  LeadingIcon={PlusIcon}
+                  LeadingIcon={Type}
+                  className="pl-1.5"
+                  iconSpacing="gap-x-1"
                   onClick={() => {
                     setNewTitleValue("");
                     setShowAddTitleDialog(true);
@@ -402,14 +405,18 @@ export default function Page() {
               <>
                 <Button
                   variant="primary/small"
-                  LeadingIcon={PlusIcon}
+                  LeadingIcon={IconChartHistogram}
+                  className="pl-1.5"
+                  iconSpacing="gap-x-1.5"
                   onClick={actions.openAddEditor}
                 >
                   Add chart
                 </Button>
                 <Button
                   variant="secondary/small"
-                  LeadingIcon={PlusIcon}
+                  LeadingIcon={Type}
+                  className="pl-1.5"
+                  iconSpacing="gap-x-1"
                   onClick={() => {
                     setNewTitleValue("");
                     setShowAddTitleDialog(true);