feat(ui): improve chart spacing and labels; format hours <1h as minutes; unify date format to dd/MM (ticks) and dd/MM/yyyy (tooltips); fix tooltips labels ('Total', 'Resolvidos')

src/components/chart-area-interactive.tsx

@@ -18,12 +18,13 @@ import {
   CardTitle,
 } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
-import {
-  ChartConfig,
-  ChartContainer,
-  ChartTooltip,
-  ChartTooltipContent,
-} from "@/components/ui/chart"
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart"
+import { formatDateDM, formatDateDMY } from "@/lib/utils"
 import { Skeleton } from "@/components/ui/skeleton"
 import {
   Select,
@@ -233,24 +234,13 @@ export function ChartAreaInteractive() {
                 axisLine={false}
                 tickMargin={8}
                 minTickGap={32}
-                tickFormatter={(value) => {
-                  const date = new Date(value)
-                  return date.toLocaleDateString("pt-BR", {
-                    month: "short",
-                    day: "2-digit",
-                  })
-                }}
+                tickFormatter={(value) => formatDateDM(new Date(value))}
               />
               <ChartTooltip
                 cursor={false}
                 content={
                   <ChartTooltipContent
-                    labelFormatter={(value) =>
-                      new Date(value).toLocaleDateString("pt-BR", {
-                        day: "2-digit",
-                        month: "long",
-                      })
-                    }
+                    labelFormatter={(value) => formatDateDMY(new Date(value as string))}
                     indicator="dot"
                   />
                 }