refactor: remove true from boolean attribute (#2579)

When using a boolean attribute in JSX, you can set the attribute value to true or omit the value. This helps to keep consistency in code.

Co-authored-by: deepsource-autofix[bot] <62050782+deepsource-autofix[bot]@users.noreply.github.com>

web/components/ui/graphs/bar-graph.tsx

@@ -43,7 +43,7 @@ export const BarGraph: React.FC<Props & TGraph & Omit<BarSvgProps<any>, "height"
       }}
       labelTextColor={{ from: "color", modifiers: [["darker", 1.6]] }}
       theme={{ ...CHARTS_THEME, ...(theme ?? {}) }}
-      animate={true}
+      animate
       enableLabel={rest.enableLabel ?? false}
       {...rest}
     />

web/components/ui/graphs/line-graph.tsx

@@ -30,7 +30,7 @@ export const LineGraph: React.FC<Props & TGraph & LineSvgProps> = ({
           : undefined,
       }}
       theme={{ ...CHARTS_THEME, ...(theme ?? {}) }}
-      animate={true}
+      animate
       {...rest}
     />
   </div>

web/components/ui/graphs/pie-graph.tsx

@@ -16,7 +16,7 @@ export const PieGraph: React.FC<TGraph & Omit<PieSvgProps<any>, "height" | "widt
     <ResponsivePie
       margin={{ ...DEFAULT_MARGIN, ...(margin ?? {}) }}
       theme={{ ...CHARTS_THEME, ...(theme ?? {}) }}
-      animate={true}
+      animate
       {...rest}
     />
   </div>

web/components/ui/graphs/scatter-plot-graph.tsx

@@ -11,7 +11,7 @@ export const ScatterPlotGraph: React.FC<
   <div style={{ height, width }}>
     <ResponsiveScatterPlot
       margin={{ ...DEFAULT_MARGIN, ...(margin ?? {}) }}
-      animate={true}
+      animate
       theme={{ ...CHARTS_THEME, ...(theme ?? {}) }}
       {...rest}
     />