change(ui): webvitals size to 2 col

frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricOverviewChart/CustomMetricOverviewChart.tsx

@@ -27,7 +27,7 @@ function CustomMetricOverviewChart(props: Props) {
                     />
                 </div>
             </div>
-            <ResponsiveContainer height={100} width="100%" className='rounded-lg overflow-hidden'>
+            <ResponsiveContainer height={240} width="100%" className='rounded-lg overflow-hidden'>
                 <AreaChart
                     data={data.chart}
                     margin={{

frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx

@@ -253,8 +253,8 @@ function WidgetChart(props: Props) {
         return <div>Unknown metric type</div>;
     };
     return (
-        <Loader loading={loading} style={{height: `${isOverviewWidget ? 100 : 240}px`}}>
-            <div style={{minHeight: isOverviewWidget ? 100 : 240}}>{renderChart()}</div>
+        <Loader loading={loading} style={{height: `240px`}}>
+            <div style={{minHeight: 240}}>{renderChart()}</div>
         </Loader>
     );
 }

frontend/app/mstore/types/widget.ts

@@ -233,9 +233,7 @@ export default class Widget {
                     this.metricOf === FilterKey.PAGES_RESPONSE_TIME_DISTRIBUTION ||
                     this.metricType === USER_PATH
                         ? 4
-                        : this.metricType === WEB_VITALS
-                            ? 1
-                            : 2
+                        : 2
             }
         };