fix(dashboard): enforce stable 50-50 middle-row card widths and prevent heatmap-driven layout expansion

Author: Diogo-Ferraz

src/app/features/dashboard/components/dashboard/dashboard.component.scss

@@ -22,22 +22,27 @@ $grid-gap: 2rem;
         grid-template-columns: 1fr; 
 
         @media (min-width: $md) {
-            grid-template-columns: repeat(2, 1fr); 
+            grid-template-columns: repeat(2, minmax(0, 1fr)); 
         }
 
         @media (min-width: $lg) {
-            grid-template-columns: repeat(4, 1fr);
+            grid-template-columns: repeat(4, minmax(0, 1fr));
         }
     }
 
     .dashboard-row-2 {
         grid-template-columns: 1fr;
 
         @media (min-width: $md) {
-            grid-template-columns: repeat(2, 1fr);
+            grid-template-columns: repeat(2, minmax(0, 1fr));
         }
     }
 
+    .dashboard-row-2 > * {
+        min-width: 0;
+        max-width: 100%;
+    }
+
     p-card {
         display: flex; 
         flex-direction: column;
@@ -250,6 +255,10 @@ $grid-gap: 2rem;
     ::ng-deep .dashboard-heatmap-card app-activity-heatmap {
         flex: 1 1 auto;
         min-height: 0;
+        min-width: 0;
+        width: 100%;
+        max-width: 100%;
+        overflow: hidden;
     }
 
     ::ng-deep .dashboard-panel-card--compact .p-card {