feat: add pie chart plugin

[yukkysaito]

User-Facing Changes

Thank you for maintaining Lichtblick.

I have created a plugin to display a float32 array as a pie chart. I developed it based on the Gauge plugin and used Recharts as the foundation. However, I’m not yet familiar with Lichtblick's coding practices, so the current implementation is just at a functional level. Could you kindly provide support on what would be needed to make it suitable for merging?

Additionally, the Gauge plugin I referenced has recently undergone significant refactoring in this PR. The Pie Chart plugin was developed based on the pre-refactored version.
Description

Screencast.from.2024.12.10.22.49.54.webm

I plan to organize the commit history later.

Checklist

• The web version was tested and it is running ok
• The desktop version was tested and it is running ok
• This change is covered by unit tests
• Files constants.ts, types.ts and *.style.ts have been checked and relevant code snippets have been relocated

[luluiz]

Hi @yukkysaito,
Thank you in advance for your contribution.
As a team, we'll discuss this contribution to follow up on your PR.
Regarding Lichtblick's coding practices, we recently started improving the practices applied to the project, and these improvements are currently in progress based on some approved ADRs.

The team will get back to you soon.

[laisspportugal]

Hello @yukkysaito

We discussed this as a team and will evaluate your PR, leaving some comments for you.
We have already enabled the pipeline checks. Could you please review the errors? One tip is to run yarn install and then commit the changes to theyarn.lock file.

Best Regards,
Lichtblick team

[yukkysaito]

@luluiz @laisspportugal Thank you for your comment. I was on a business trip overseas until recently, so my reply was delayed.
I will address each matter in order, so please wait a little longer.

[yukkysaito]

@Tucker925H This code is caused conflicts.
Could you please check?

yukky@yukky:~/workspace/lichtblick$ yarn run web:build:prod
webpack 5.98.0 compiled successfully in 52 ms

main:
  assets by status 32.4 MiB [cached] 119 assets
  orphan modules 20.7 MiB [orphan] 5462 modules
  runtime modules 74.8 KiB 151 modules
  built modules 49.1 MiB (javascript) 3.15 MiB (asset) [built]
    modules by path ../../node_modules/ 43 MiB (javascript) 2.82 MiB (asset)
      javascript modules 41.6 MiB 2322 modules
      asset modules 486 KiB (javascript) 2.82 MiB (asset) 62 modules
      json modules 887 KiB 16 modules
    modules by path ../../packages/ 6.07 MiB (javascript) 340 KiB (asset) 194 modules
    modules by path ./ 44.6 KiB
      ./entrypoint.tsx + 23 modules 44.6 KiB [built] [code generated]
      ./terminal-highlight (ignored) 15 bytes [built] [code generated]
    modules by mime type image/svg+xml 3.17 KiB
      data:image/svg+xml;base64,PHN2ZyB3aWR0aD0i.. 1.59 KiB [built] [code generated]
      data:image/svg+xml;base64,PHN2ZyB3aWR0aD0i.. 1.59 KiB [built] [code generated]
    + 26 modules

  ERROR in ./packages/suite-base/src/components/SettingsTreeEditor/NodeEditor.tsx:32:3
  TS2440: Import declaration conflicts with local declaration of 'NodeEditorProps'.
      30 | import { useStyles } from "@lichtblick/suite-base/components/SettingsTreeEditor/NodeEditor.style";
      31 | import {
    > 32 |   NodeEditorProps,
         |   ^^^^^^^^^^^^^^^
      33 |   SelectVisibilityFilterValue,
      34 | } from "@lichtblick/suite-base/components/SettingsTreeEditor/types";
      35 | import Stack from "@lichtblick/suite-base/components/Stack";