Hide the title completely if the available space becomes too small

This depends on the zoom of the view.

Author: sebmarkbage

packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css

@@ -47,6 +47,14 @@
   font-size: var(--font-size-sans-small);
   line-height: var(--font-size-sans-small);
   padding: .25rem;
+  container-type: size;
+  container-name: title;
+}
+
+@container title (width < 30px) or (height < 12px) {
+  .SuspenseRectsTitle > span {
+    display: none;
+  }
 }
 
 .SuspenseRectsScaledRect[data-visible='false'] > .SuspenseRectsBoundaryChildren {

packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js

@@ -234,7 +234,9 @@ function SuspenseRects({
         )}
         {titleBox && suspense.name && visible ? (
           <ScaledRect className={styles.SuspenseRectsTitle} rect={titleBox}>
-            {suspense.name}
+            <span>
+              {suspense.name}
+            </span>
           </ScaledRect>
         ) : null}
         {selected && visible ? (