[DASHBOARDS] Create display legend setting + animations (#16089)

## PR Description
- Create display legend setting
- Create pagination inside the legend
- Animate the legend on enter/exit
- Animate the transition between pages

## Video QA


https://github.com/user-attachments/assets/a68a4ea3-195f-4399-88f7-f83bc1a39cc4

packages/twenty-server/src/engine/core-modules/page-layout/dtos/bar-chart-configuration.dto.ts

@@ -108,6 +108,11 @@ export class BarChartConfigurationDTO {
   @IsOptional()
   displayDataLabel?: boolean;
 
+  @Field(() => Boolean, { nullable: true, defaultValue: true })
+  @IsBoolean()
+  @IsOptional()
+  displayLegend?: boolean;
+
   @Field(() => Number, { nullable: true })
   @IsNumber()
   @IsOptional()

packages/twenty-server/src/engine/core-modules/page-layout/dtos/line-chart-configuration.dto.ts

@@ -109,6 +109,11 @@ export class LineChartConfigurationDTO {
   @IsOptional()
   displayDataLabel?: boolean;
 
+  @Field(() => Boolean, { nullable: true, defaultValue: true })
+  @IsBoolean()
+  @IsOptional()
+  displayLegend?: boolean;
+
   @Field(() => Number, { nullable: true })
   @IsNumber()
   @IsOptional()

packages/twenty-server/src/engine/core-modules/page-layout/dtos/pie-chart-configuration.dto.ts

@@ -71,6 +71,11 @@ export class PieChartConfigurationDTO {
   @IsOptional()
   displayDataLabel?: boolean;
 
+  @Field(() => Boolean, { nullable: true, defaultValue: true })
+  @IsBoolean()
+  @IsOptional()
+  displayLegend?: boolean;
+
   @Field(() => String, { nullable: true })
   @IsString()
   @IsOptional()