fix(audience-sample): prevent status values from overflowing on phone (SDK-314)

Add min-width: 0 to .phone .status-cell and .phone .status-value.
Yoga's default min-width: auto means a flex item won't shrink below its
content's intrinsic size, so flex-shrink: 1 and overflow: hidden on the
value had no effect — long UUIDs and URLs pushed the cell off screen.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: nattb8

examples/audience/Assets/SampleApp/Resources/AudienceSample.uss

@@ -559,6 +559,11 @@
 .phone .status-cell {
     margin-right: 0;
     margin-bottom: 6px;
+    /* Yoga's default min-width: auto means the cell demands its full content
+       width (label + full UUID) even inside a column flex parent. Setting
+       min-width: 0 lets the cell shrink to the parent's bounded width so the
+       value clipping below actually fires. */
+    min-width: 0;
 }
 
 /* Value fills the remaining row width and clips if still too long — the user
@@ -567,6 +572,10 @@
     flex-grow: 1;
     flex-shrink: 1;
     overflow: hidden;
+    /* Same Yoga min-width: 0 fix — without it flex-shrink: 1 has no effect
+       on a nowrap text element because the content's intrinsic width acts as
+       a lower bound. */
+    min-width: 0;
 }
 
 .phone .status-vertical-rule {