Make non visible views non opaque

Summary: On certain apps there are a lot of views that have zero size and this isnt clear from the tree view. This will help

Reviewed By: lblasa

Differential Revision: D47917167

fbshipit-source-id: 180ef1cf34c3735acfd54d3498db9d29f759d959

desktop/plugins/public/ui-debugger/components/tree/Tree.tsx

@@ -446,9 +446,12 @@ function TreeNodeRow({
 }
 
 function TreeNodeTextContent({treeNode}: {treeNode: TreeNode}) {
+  const isZero = treeNode.bounds.width === 0 && treeNode.bounds.height === 0;
+  const invisible = treeNode.hiddenAttributes?.['invisible'] === true;
   return (
     <Layout.Horizontal
       style={{
+        opacity: isZero || invisible ? 0.5 : 1,
         alignItems: 'baseline',
         userSelect: 'none',
       }}>