refactor dashboard room activity fetching

Refactor selected-room dashboard activity fetching, split Rooms i18n, and tighten mobile usage layout.

apps/dashboard/src/styles.css

@@ -3004,35 +3004,66 @@ progress::-moz-progress-bar {
 
   .usage-row {
     grid-template-columns:
-      minmax(86px, 0.86fr) minmax(62px, 0.54fr) minmax(62px, 0.54fr)
-      minmax(58px, 0.4fr);
-    gap: 5px;
-    padding: 9px;
+      minmax(72px, 0.82fr) minmax(52px, 0.48fr) minmax(52px, 0.48fr)
+      minmax(48px, 0.36fr);
+    gap: 4px;
+    padding: 7px 6px;
   }
 
   .usage-account {
     display: grid;
-    gap: 5px;
+    gap: 3px;
+  }
+
+  .usage-account div {
+    gap: 3px;
+  }
+
+  .usage-account strong {
+    font-size: 13px;
+  }
+
+  .usage-account .pill,
+  .usage-account .mono-chip {
+    padding: 3px 6px;
+    font-size: 10px;
   }
 
   .usage-quota,
   .usage-speed {
-    gap: 4px;
+    gap: 3px;
   }
 
   .usage-quota {
-    padding: 5px;
+    padding: 4px;
   }
 
   .usage-quota div {
-    gap: 6px;
+    gap: 4px;
+  }
+
+  .usage-quota span,
+  .usage-speed span {
+    font-size: 9px;
+    letter-spacing: 0.04em;
+  }
+
+  .usage-quota strong,
+  .usage-speed strong {
+    font-size: 14px;
+  }
+
+  .usage-speed {
+    min-height: 0;
+    padding: 4px;
   }
 
   .usage-quota small {
-    overflow: hidden;
-    font-size: 10px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    display: none;
+  }
+
+  .usage-speed small {
+    display: none;
   }
 
   .record-card-grid {
@@ -3168,7 +3199,7 @@ progress::-moz-progress-bar {
   }
 
   .usage-summary {
-    grid-template-columns: 1fr;
+    grid-template-columns: minmax(0, 1fr) auto;
   }
 
   .usage-summary div:last-child {
@@ -3176,19 +3207,19 @@ progress::-moz-progress-bar {
   }
 
   .usage-row {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    grid-template-columns:
+      minmax(68px, 0.8fr) minmax(48px, 0.48fr) minmax(48px, 0.48fr)
+      minmax(44px, 0.34fr);
   }
 
   .usage-account {
-    grid-column: 1 / -1;
+    grid-column: auto;
   }
 
   .usage-speed {
-    grid-column: 1 / -1;
-    display: flex;
-    min-height: auto;
-    align-items: center;
-    justify-content: space-between;
+    grid-column: auto;
+    display: grid;
+    min-height: 0;
   }
 
   .skeleton-grid,
@@ -4582,6 +4613,35 @@ progress::-moz-progress-bar {
   color: var(--muted);
 }
 
+@media (max-width: 640px) {
+  .usage-matrix {
+    overflow-x: hidden;
+  }
+
+  .usage-row {
+    grid-template-columns: minmax(0, 1fr) 62px 62px !important;
+    align-items: center;
+  }
+
+  .usage-speed {
+    display: none;
+  }
+
+  .usage-account strong {
+    font-size: 13px;
+  }
+
+  .usage-account .pill,
+  .usage-account .mono-chip {
+    padding: 3px 6px;
+    font-size: 10px;
+  }
+
+  .usage-quota {
+    min-width: 0;
+  }
+}
+
 @media (max-width: 760px) {
   .rooms-grid {
     grid-template-columns: 1fr;