Remove commented code and revert non-GroupedVerticalBarChart snapshot changes

Co-authored-by: srmukher <120183316+srmukher@users.noreply.github.com>

Author: Copilot

packages/charts/react-charts/library/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap

@@ -318,7 +318,7 @@ Object {
                   class="fui-donut-arc__root"
                   d="M0.55,-54.997A55,55,0,0,1,51.396,-19.582L0,0Z"
                   data-is-focusable="true"
-                  id="_Pie_r0first20000"
+                  id="_Pie_r1lfirst20000"
                   opacity="1"
                   role="img"
                   style="fill: #E5E5E5; cursor: default;"
@@ -331,7 +331,7 @@ Object {
                   class="fui-donut-arc__root"
                   d="M51.777,-18.551A55,55,0,0,1,-22.37,50.245L0,0Z"
                   data-is-focusable="true"
-                  id="_Pie_r0second39000"
+                  id="_Pie_r1lsecond39000"
                   opacity="1"
                   role="img"
                   style="fill: #0078D4; cursor: default;"
@@ -344,7 +344,7 @@ Object {
                   class="fui-donut-arc__root"
                   d="M-23.37,49.788A55,55,0,0,1,-0.55,-54.997L0,0Z"
                   data-is-focusable="true"
-                  id="_Pie_r0third45000"
+                  id="_Pie_r1lthird45000"
                   opacity="1"
                   role="img"
                   style="fill: #DADADA; cursor: default;"
@@ -356,7 +356,7 @@ Object {
         </div>
         <div
           class="fui-cart__calloutContainer"
-          id="calloutr1"
+          id="calloutr1m"
         >
           <div
             class="fui-PopoverSurface"
@@ -499,7 +499,7 @@ Object {
                 class="fui-donut-arc__root"
                 d="M0.55,-54.997A55,55,0,0,1,51.396,-19.582L0,0Z"
                 data-is-focusable="true"
-                id="_Pie_r0first20000"
+                id="_Pie_r1lfirst20000"
                 opacity="1"
                 role="img"
                 style="fill: #E5E5E5; cursor: default;"
@@ -512,7 +512,7 @@ Object {
                 class="fui-donut-arc__root"
                 d="M51.777,-18.551A55,55,0,0,1,-22.37,50.245L0,0Z"
                 data-is-focusable="true"
-                id="_Pie_r0second39000"
+                id="_Pie_r1lsecond39000"
                 opacity="1"
                 role="img"
                 style="fill: #0078D4; cursor: default;"
@@ -525,7 +525,7 @@ Object {
                 class="fui-donut-arc__root"
                 d="M-23.37,49.788A55,55,0,0,1,-0.55,-54.997L0,0Z"
                 data-is-focusable="true"
-                id="_Pie_r0third45000"
+                id="_Pie_r1lthird45000"
                 opacity="1"
                 role="img"
                 style="fill: #DADADA; cursor: default;"
@@ -537,7 +537,7 @@ Object {
       </div>
       <div
         class="fui-cart__calloutContainer"
-        id="calloutr1"
+        id="calloutr1m"
       >
         <div
           class="fui-PopoverSurface"

packages/charts/react-charts/library/src/components/DonutChart/__snapshots__/DonutChart.test.tsx.snap

@@ -445,7 +445,6 @@ describe('Grouped vertical bar chart - Subcomponent Legends', () => {
     GroupedVerticalBarChart,
     { data: chartPoints },
     container => {
-      //const legends = getByClass(container, /legend-/i);
       const legends = screen.getAllByText((content, element) => element!.tagName.toLowerCase() === 'button');
       fireEvent.mouseOver(legends[0]);
       const bars = screen.getAllByText((content, element) => element!.tagName.toLowerCase() === 'rect');

packages/charts/react-charts/library/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.test.tsx

@@ -33,14 +33,11 @@ import {
   CartesianChart,
   Margins,
   Legend,
-  // RefArrayData,
   GroupedVerticalBarChartProps,
   GroupedVerticalBarChartData,
   GVBarChartSeriesPoint,
   Legends,
   YValueHover,
-  // DataVizPalette,
-  // getColorFromToken,
   ChartPopoverProps,
   Chart,
 } from '../../index';
@@ -80,7 +77,6 @@ export const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = R
   let _datasetForBars: any[] = [];
   let _margins: Margins = { top: 0, right: 0, bottom: 0, left: 0 };
   let _groupedVerticalBarGraph: JSX.Element[] = [];
-  // let _refArray: RefArrayData[] = [];
   let _yMax: number = 0;
   let _calloutAnchorPoint: GVBarChartSeriesPoint | null = null;
   let _barWidth: number = 0;
@@ -89,7 +85,6 @@ export const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = R
   let _xAxisOuterPadding: number = 0;
   let _legendColorMap: Record<string, [string, string]> = {};
   const cartesianChartRef = React.useRef<Chart>(null);
-  // const Y_ORIGIN: number = 0;
 
   const [color, setColor] = React.useState<string>('');
   const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);
@@ -391,7 +386,6 @@ export const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = R
   };
 
   const _onBarLeave = (): void => {
-    /**/
   };
 
   const _handleChartMouseLeave = (): void => {