PROD-2230: Fix table cell formatting for vendors

[eastandwestwind]

Closes https://ethyca.atlassian.net/browse/PROD-2230

Description Of Changes

Adds new re-usable component to display badges in table cells where we only have count (number) to work with, instead of the value names.

Code Changes

• Update vendor table to use new component.

Steps to Confirm

• Nav to http://localhost:3000/consent/configure
• Configure some vendors
• Confirm that table counts display correctly for all use cases:

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
  • if there are any new client scopes created as part of the pull request, remember to update public-facing documentation that references our scope registry
• Issue Requirements are Met
• Relevant Follow-Up Issues Created
• Update CHANGELOG.md
• For API changes, the Postman collection has been updated
• If there are any database migrations:
  • Ensure that your downrev is up to date with the latest revision on main
  • Ensure that your downgrade() migration is correct and works
    • If a downgrade migration is not possible for this change, please call this out in the PR description!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fides-plus-nightly	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 20, 2024 4:03pm

[cypress]

Passing run #8439 ↗︎

0	4	0	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge bab04f1 into 0c0f37d...
Project: fides	Commit: 0d6e3ac5ae ℹ️
Status: Passed	Duration: 00:34 💡
Started: Jun 20, 2024 4:12 PM	Ended: Jun 20, 2024 4:12 PM

Review all test suite changes for PR #5013 ↗︎

[gilluminate]

Looks good! I think this works great for now. I'd like to see us create a better system for displaying cells and badges in general, but that's outside of the scope of this fix.

[cypress]

Passing run #8441 ↗︎

0	4	0	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

PROD-2230: Fix table cell formatting for vendors (#5013)
Project: fides	Commit: c34d3c7af0
Status: Passed	Duration: 00:33 💡
Started: Jun 20, 2024 5:03 PM	Ended: Jun 20, 2024 5:03 PM

Review all test suite changes for PR #5013 ↗︎