fix: consistent chart metric name formatting

apps/dapp/src/components/Pages/Core/DappPages/Dashboard/Chart/V2StrategyMetricsChart.tsx

@@ -72,17 +72,29 @@ const V2StrategyMetricsChart: React.FC<{
   selectedInterval: ChartSupportedTimeInterval;
 }> = ({ dashboardData, selectedMetric, selectedInterval }) => {
   // uncamel-case the metric names
-  const formatMetricName = (name: string) =>
-    // format only the selected metric name (the selected metric or all lines in a TRV chart)
-    name === selectedMetric || isTRVDashboard(dashboardData.key)
-      ? name
+ const formatMetricName = (name: string) => {
+    // format only
+    // - the selected metric
+    // - all lines in TRV chart
+    // - netDebt chart components
+    // the remaining cases are individual debt tokens (sUSDe, sDAI, rsETH, ...)
+    // which we keep as is
+    if (
+      name === selectedMetric ||
+      isTRVDashboard(dashboardData.key) ||
+      selectedMetric === 'netDebtUSD'
+    ) {
+      return (
+        name
           // // insert a space before all caps
           .replace(/([A-Z][a-z])/g, ' $1')
           // // uppercase the first character
           .replace(/^./, (str) => str.toUpperCase())
           .replace(/USD$/, '')
-      : // Individual debt token tickers remain unchanged
-        name;
+      );
+    }
+    return name;
+  };
   const tooltipValuesFormatter = (value: number, name: string) => [
     numberFormatter.format(value),
     formatMetricName(name),