Update chart limit error message (#16133)

## Description

- Display days, weeks, months or years instead of bars in the error
message
- Update the banner position
- Add translations on section titles

## Before
<img width="824" height="1378" alt="CleanShot 2025-11-27 at 14 51 40@2x"
src="https://github.com/user-attachments/assets/b2d7d1e6-e6d9-419b-8d7a-21f43e951898"
/>


## After
<img width="832" height="1382" alt="CleanShot 2025-11-27 at 14 51 15@2x"
src="https://github.com/user-attachments/assets/fe66d202-71be-45dc-8dff-502946e33aac"
/>

packages/twenty-front/src/modules/command-menu/pages/page-layout/constants/AggregateChartSettings.ts

@@ -1,3 +1,4 @@
+import { CHART_SETTINGS_HEADINGS } from '@/command-menu/pages/page-layout/constants/ChartSettingsHeadings';
 import { CHART_DATA_SOURCE_SETTING } from '@/command-menu/pages/page-layout/constants/settings/ChartDataSourceSetting';
 import { DATA_DISPLAY_AGGREGATE_SETTING } from '@/command-menu/pages/page-layout/constants/settings/DataDisplayAggregateSetting';
 import { FILTER_SETTING } from '@/command-menu/pages/page-layout/constants/settings/FilterSetting';
@@ -5,7 +6,7 @@ import { type ChartSettingsGroup } from '@/command-menu/pages/page-layout/types/
 
 export const AGGREGATE_CHART_SETTINGS: ChartSettingsGroup[] = [
   {
-    heading: 'Data',
+    heading: CHART_SETTINGS_HEADINGS.DATA,
     items: [
       CHART_DATA_SOURCE_SETTING,
       FILTER_SETTING,

packages/twenty-front/src/modules/command-menu/pages/page-layout/constants/ChartSettingsHeadings.ts

@@ -0,0 +1,8 @@
+import { msg } from '@lingui/core/macro';
+
+export const CHART_SETTINGS_HEADINGS = {
+  DATA: msg`Data`,
+  X_AXIS: msg`X axis`,
+  Y_AXIS: msg`Y axis`,
+  STYLE: msg`Style`,
+} as const;

packages/twenty-front/src/modules/command-menu/pages/page-layout/constants/GaugeChartSettings.ts

@@ -1,3 +1,4 @@
+import { CHART_SETTINGS_HEADINGS } from '@/command-menu/pages/page-layout/constants/ChartSettingsHeadings';
 import { CHART_DATA_SOURCE_SETTING } from '@/command-menu/pages/page-layout/constants/settings/ChartDataSourceSetting';
 import { DATA_LABELS_SETTING } from '@/command-menu/pages/page-layout/constants/settings/DataLabelsSetting';
 import { FILTER_SETTING } from '@/command-menu/pages/page-layout/constants/settings/FilterSetting';
@@ -5,11 +6,11 @@ import { type ChartSettingsGroup } from '@/command-menu/pages/page-layout/types/
 
 export const GAUGE_CHART_SETTINGS: ChartSettingsGroup[] = [
   {
-    heading: 'Data',
+    heading: CHART_SETTINGS_HEADINGS.DATA,
     items: [CHART_DATA_SOURCE_SETTING, FILTER_SETTING],
   },
   {
-    heading: 'Style',
+    heading: CHART_SETTINGS_HEADINGS.STYLE,
     items: [DATA_LABELS_SETTING],
   },
 ];

packages/twenty-front/src/modules/command-menu/pages/page-layout/constants/LineChartSettings.ts

@@ -1,3 +1,4 @@
+import { CHART_SETTINGS_HEADINGS } from '@/command-menu/pages/page-layout/constants/ChartSettingsHeadings';
 import { AXIS_NAME_SETTING } from '@/command-menu/pages/page-layout/constants/settings/AxisNameSetting';
 import { CHART_DATA_SOURCE_SETTING } from '@/command-menu/pages/page-layout/constants/settings/ChartDataSourceSetting';
 import { COLORS_SETTING } from '@/command-menu/pages/page-layout/constants/settings/ColorsSetting';
@@ -19,11 +20,11 @@ import { type ChartSettingsGroup } from '@/command-menu/pages/page-layout/types/
 
 export const LINE_CHART_SETTINGS: ChartSettingsGroup[] = [
   {
-    heading: 'Data',
+    heading: CHART_SETTINGS_HEADINGS.DATA,
     items: [CHART_DATA_SOURCE_SETTING, FILTER_SETTING],
   },
   {
-    heading: 'X axis',
+    heading: CHART_SETTINGS_HEADINGS.X_AXIS,
     items: [
       DATA_DISPLAY_X_SETTING,
       DATE_GRANULARITY_X_SETTING,
@@ -32,7 +33,7 @@ export const LINE_CHART_SETTINGS: ChartSettingsGroup[] = [
     ],
   },
   {
-    heading: 'Y axis',
+    heading: CHART_SETTINGS_HEADINGS.Y_AXIS,
     items: [
       DATA_DISPLAY_Y_SETTING,
       GROUP_BY_SETTING,
@@ -43,7 +44,7 @@ export const LINE_CHART_SETTINGS: ChartSettingsGroup[] = [
     ],
   },
   {
-    heading: 'Style',
+    heading: CHART_SETTINGS_HEADINGS.STYLE,
     items: [
       COLORS_SETTING,
       AXIS_NAME_SETTING,

packages/twenty-front/src/modules/command-menu/pages/page-layout/constants/PieChartSettings.ts

@@ -1,3 +1,4 @@
+import { CHART_SETTINGS_HEADINGS } from '@/command-menu/pages/page-layout/constants/ChartSettingsHeadings';
 import { CENTER_METRIC_SETTING } from '@/command-menu/pages/page-layout/constants/settings/CenterMetricSetting';
 import { CHART_DATA_SOURCE_SETTING } from '@/command-menu/pages/page-layout/constants/settings/ChartDataSourceSetting';
 import { COLORS_SETTING } from '@/command-menu/pages/page-layout/constants/settings/ColorsSetting';
@@ -12,7 +13,7 @@ import { type ChartSettingsGroup } from '@/command-menu/pages/page-layout/types/
 
 export const PIE_CHART_SETTINGS: ChartSettingsGroup[] = [
   {
-    heading: 'Data',
+    heading: CHART_SETTINGS_HEADINGS.DATA,
     items: [
       CHART_DATA_SOURCE_SETTING,
       FILTER_SETTING,
@@ -23,7 +24,7 @@ export const PIE_CHART_SETTINGS: ChartSettingsGroup[] = [
     ],
   },
   {
-    heading: 'Style',
+    heading: CHART_SETTINGS_HEADINGS.STYLE,
     items: [
       COLORS_SETTING,
       DATA_LABELS_SETTING,