Extracted EnergyConsumptionByPhasesTitle into its own widget to improve readability and assert separation of concerns.

lib/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_chart_box.dart

@@ -39,7 +39,26 @@ class _EnergyConsumptionByPhasesChartBoxState
             mainAxisSize: MainAxisSize.min,
             spacing: 20,
             children: [
-              Row(
+              const EnergyConsumptionByPhasesTitle(),
+              Expanded(
+                child: EnergyConsumptionByPhasesChart(
+                  energyData: state.chartData,
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}
+
+class EnergyConsumptionByPhasesTitle extends StatelessWidget {
+  const EnergyConsumptionByPhasesTitle({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
       crossAxisAlignment: CrossAxisAlignment.center,
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
@@ -66,16 +85,6 @@ class _EnergyConsumptionByPhasesChartBoxState
           ('C', 0.15),
         ].map((phase) => _buildPhaseCell(context, phase)),
       ],
-              ),
-              Expanded(
-                child: EnergyConsumptionByPhasesChart(
-                  energyData: state.chartData,
-                ),
-              ),
-            ],
-          ),
-        );
-      },
     );
   }