Fix for the unwanted flashing during the re-rendering of the utilization components (#6057)

Author: manojVivek

ui/packages/shared/profile/src/MetricsGraph/UtilizationMetrics/Throughput.tsx

@@ -372,7 +372,7 @@ const AreaChart = ({
       <motion.div
         className="w-full relative"
         key="area-chart-graph-loaded"
-        initial={{display: 'none', opacity: 0}}
+        initial={false}
         animate={{display: 'block', opacity: 1}}
         transition={{duration: 0.5}}
       >

ui/packages/shared/profile/src/MetricsGraph/UtilizationMetrics/index.tsx

@@ -396,7 +396,7 @@ const UtilizationMetrics = ({
       <motion.div
         className="w-full relative"
         key="utilization-metrics-graph-loaded"
-        initial={{display: 'none', opacity: 0}}
+        initial={false}
         animate={{display: 'block', opacity: 1}}
         transition={{duration: 0.5}}
       >

ui/packages/shared/profile/src/ProfileSelector/MetricsGraphSection.tsx

@@ -213,7 +213,7 @@ export function MetricsGraphSection({
             to={querySelection.to}
             utilizationMetricsLoading={utilizationMetricsLoading}
             selectedSeries={undefined}
-            onSeriesClick={(name, seriesIndex) => {
+            onSeriesClick={(_, seriesIndex) => {
               // For throughput metrics, just pass the series index
               if (onUtilizationSeriesSelect != null) {
                 let name = 'gpu_pcie_throughput_transmit_bytes';