fix(ui): use viewport width for lg breakpoint in dashboard row height calculation

The column-count check was using container width, but lg:grid-cols-5
uses viewport width. Switch to window.innerWidth to stay in sync with
the Tailwind breakpoint, and add a window resize listener so row height
recalculates when the viewport crosses the 1024px threshold.

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>

Author: rafavalls

apps/mesh/src/web/components/monitoring/dashboard-view.tsx

@@ -456,13 +456,18 @@ function DashboardViewContent({
             if (!el) return;
             const update = () => {
               const gap = 16; // gap-4
-              const cols = el.clientWidth >= 1024 ? 5 : 2;
+              const cols = window.innerWidth >= 1024 ? 5 : 2;
               const colW = (el.clientWidth - gap * (cols - 1)) / cols;
               el.style.gridAutoRows = `${colW}px`;
             };
             update();
             const observer = new ResizeObserver(update);
             observer.observe(el);
+            window.addEventListener("resize", update);
+            return () => {
+              observer.disconnect();
+              window.removeEventListener("resize", update);
+            };
           }}
         >
           {dashboard.widgets.map((widget) => {