Make main dashboard pie chart responsive (#11525)

[AdekeyeAdeniyi]

Summary

This PR makes the main dashboard pie chart fully responsive across screen sizes.

Changes

• Enabled responsive: true and maintainAspectRatio: false in chart options.
• Commented out the thicknessPlugin option.
• Adjusted chart styling to ensure adaptive resizing on different viewports.

Linked Issue

Closes #11525

[AdekeyeAdeniyi]

@MilosPaunovic
Please review my PR when you're available.
Also, I’d appreciate your feedback on my PR message —I hope it looks okay.

[MilosPaunovic]

Hey @AdekeyeAdeniyi, are there any updates on this?

[AdekeyeAdeniyi]

I have revert the docker file to it default confoguration

close #11525

[AdekeyeAdeniyi]

@MilosPaunovic I have fixed the issue.

[MilosPaunovic]

Hi @AdekeyeAdeniyi,

This is good progress, but we're not there yet.

If you make the field narrower, the chart will make itself smaller, but it will never get to the initial size again:

Screencast.from.2025-10-13.12-54-22.webm

If you create a custom dashboard by using this code:

id: mouse_224526
title: asdasd
description: Default Main Overview

timeWindow:
  default: P30D
  max: P365D

charts:
  - id: total_executions_timeseries
    type: io.kestra.plugin.core.dashboard.chart.TimeSeries
    chartOptions:
      displayName: Total Executions
      description: Executions duration and count per date
      legend:
        enabled: true
      column: date
      colorByColumn: state
      width: 9
    data:
      type: io.kestra.plugin.core.dashboard.data.Executions
      columns:
        date:
          field: START_DATE
          displayName: Date
        state:
          field: STATE
        total:
          displayName: Executions
          agg: COUNT
          graphStyle: BARS
        duration:
          field: DURATION
          displayName: Duration
          agg: SUM
          graphStyle: LINES

  - id: total_executions_pie
    type: io.kestra.plugin.core.dashboard.chart.Pie
    chartOptions:
      displayName: Total Executions
      graphStyle: DONUT
      tooltip: ALL
      width: 3
      legend:
        enabled: true
    data:
      type: io.kestra.plugin.core.dashboard.data.Executions
      columns:
        id:
          field: ID
          displayName: Execution Id
          agg: COUNT
        state:
          field: STATE
          displayName: State

Then you'll get weird behavior:
Screencast from 2025-10-13 12-53-51.webm