fix: contain media server streams

packages/widgets/src/media-server/component.module.css

@@ -1,25 +1,47 @@
 .root {
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-}
-
-.tablePaper {
   display: flex;
-  flex: 1 1 0;
   flex-direction: column;
   width: 100%;
-  max-height: 100%;
+  height: 100%;
   min-width: 0;
   min-height: 0;
   overflow: hidden;
 }
 
-.tableContainer {
-  flex: 1;
-  height: 100%;
-  max-height: 100%;
+.tableViewport {
+  flex: 1 1 0;
+  width: 100%;
+  min-width: 0;
   min-height: 0;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+
+.tableViewport :global(table) {
+  min-width: 100%;
+}
+
+.tableViewport :global(th),
+.tableViewport :global(td) {
+  padding-block: 4px;
+  overflow: hidden;
+}
+
+.tableViewport :global(th) {
+  background-color: var(--background-color);
+}
+
+.sortButton {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  align-items: center;
+  gap: 4px;
+}
+
+.cellContent {
+  min-width: 0;
+  overflow: hidden;
 }
 
 .sessionRow {