refactor(action): adapt queue bytes

[Kinplemelon]

https://emqx.atlassian.net/browse/ED-1596

https://emqx.atlassian.net/browse/ED-1657

[ysfscream]

This pull request includes several improvements and new features related to metrics handling and display in the src directory. The most important changes involve the addition of new metrics functionalities, updates to existing components, and enhancements in data handling.

Metrics Enhancements:

• Added a new slot for custom blocks in the OverviewMetrics component to display additional metrics data (src/components/Metrics/OverviewMetrics.vue).
• Introduced new event emitters for metrics-change and node-change in OverviewMetrics to handle real-time updates (src/components/Metrics/OverviewMetrics.vue). [1] [2] [3]
• Implemented a new useActionQueueMetrics hook to manage and display queue metrics, including a line chart for queue bytes data (src/hooks/useMetrics.ts).

Codebase Simplification:

• Replaced toFixed with round from lodash for better precision handling in transMemorySizeNumToStr function (src/common/tools.ts).
• Updated the TypeMetricsItem component to correctly calculate and display the difference in metrics data (src/components/Metrics/TypeMetricsItem.vue).

New Features:

• Added new translations for buffer-related metrics in the i18n configuration (src/i18n/RuleEngine.js).
• Enhanced the BridgeItemOverview component to include new metrics for queued messages and queue usage, along with corresponding UI updates (src/views/RuleEngine/Bridge/Components/BridgeItemOverview.vue). [1] [2] [3] [4]

[emqxqa]

TestExecution