fix(ui): assistance for arrays data in constraints

[erka]

closes #2885

[erka]

@markphelps it isn't ready but I would like to get you feedback and thoughts.

[erka]

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 72.14%. Comparing base (f997fb9) to head (4010728).
Report is 163 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2889      +/-   ##
==========================================
+ Coverage   70.78%   72.14%   +1.36%     
==========================================
  Files          91       92       +1     
  Lines        8729     7102    -1627     
==========================================
- Hits         6179     5124    -1055     
+ Misses       2165     1594     -571     
+ Partials      385      384       -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[markphelps]

looks great so far @erka as usual!! Thank you for taking this on!

I know you said it wasn't ready, but I tested it and works great for the most part. Just a couple minor things I noticed:

we may want to make sure we strip certain characters like [ ] from the strings, as above caused an error:

2. we probably want to truncate the values in the UI

3. we may want to play around with the colors a bit to try something lighter for the pills? wdyt?

[erka]

@markphelps I've addressed all of them except the first one. I don't see any issues with special characters, maybe console.log make you think it's broken.

[markphelps]

looks and works amazing @erka !!!

[markphelps]

I tested it for backward compatibility, from the current release of Flipt which only renders the raw array ['values', 'foo'] and it renders them correctly when built with this change